SVG:修訂版本之間的差異
出自福留子孫
(→Illustrator 輸出乾淨的 svg 碼) |
(→Illustrator 輸出乾淨的 svg 碼) |
||
第 8 行: | 第 8 行: | ||
==Illustrator 輸出乾淨的 svg 碼== | ==Illustrator 輸出乾淨的 svg 碼== | ||
− | 輸出時選擇「簡報屬性」 | + | 輸出時選擇「簡報屬性」<br/> |
− | 操作順序為:檔案-轉存-轉存為- | + | 操作順序為:檔案-轉存-轉存為-於「格式」選項選擇「簡報屬性」 |
*文字語法會形成<text transform>,顯示一切正常,若需要移除transform屬性再另外修正文字部分即可 | *文字語法會形成<text transform>,顯示一切正常,若需要移除transform屬性再另外修正文字部分即可 | ||
*語法頂部會顯示<id='圖層1'>的多餘語法可刪除 | *語法頂部會顯示<id='圖層1'>的多餘語法可刪除 |
2024年8月2日 (五) 11:26的修訂版本
SVG轉文字為圖形
概念
因為圖像編輯者所使用字體,使用者不一定有,所以採用Adobe Illustrator中的外框功能將字體轉為圖形,即可解決這個問題。 在原始碼中可看出,將被標示為貝茲曲線及弧形。
使用方法
在Adobe Illustrator裡面打出所需字樣,接著按右鍵,使用外框工具將文字轉為向量圖。
Illustrator 輸出乾淨的 svg 碼
輸出時選擇「簡報屬性」
操作順序為:檔案-轉存-轉存為-於「格式」選項選擇「簡報屬性」
- 文字語法會形成<text transform>,顯示一切正常,若需要移除transform屬性再另外修正文字部分即可
- 語法頂部會顯示<id='圖層1'>的多餘語法可刪除