SVG：修訂版本之間的差異
出自福留子孫
（→svg轉外框） |
（→Illustrator 箭頭） |
||
| （未顯示3位用戶所作出之10次版本） | |||
| 第 1 行： | 第 1 行： | ||
| + | [[分類:應用軟體]] | ||
==SVG轉文字為圖形== | ==SVG轉文字為圖形== | ||
===概念=== | ===概念=== | ||
因為圖像編輯者所使用字體，使用者不一定有，所以採用Adobe Illustrator中的外框功能將字體轉為圖形，即可解決這個問題。 | 因為圖像編輯者所使用字體，使用者不一定有，所以採用Adobe Illustrator中的外框功能將字體轉為圖形，即可解決這個問題。 | ||
在原始碼中可看出，將被標示為貝茲曲線及弧形。 | 在原始碼中可看出，將被標示為貝茲曲線及弧形。 | ||
| − | === | + | ===使用方法=== |
| + | 在Adobe Illustrator裡面打出所需字樣，接著按右鍵，使用外框工具將文字轉為向量圖。 | ||
| + | ==Illustrator 輸出乾淨的 svg 碼== | ||
| + | 輸出時選擇「簡報屬性」<br/> | ||
| + | 操作順序為：檔案-轉存-轉存為-於「格式」選項選擇「簡報屬性」 | ||
| + | #文字語法會形成<text transform>，顯示一切正常，若需要移除transform屬性再另外修正文字部分即可 | ||
| + | #語法頂部會顯示<id='圖層1'>的多餘語法可刪除 | ||
| + | <br/> | ||
| − | + | ==Illustrator 箭頭== | |
| + | #以鋼筆工具「點擊」拉出線條(滑鼠不用長壓) | ||
| + | #按下「v」切換為「選取功能」，結束線條的繪製 | ||
| + | #於工作列-筆刷欄位新增箭頭 | ||
| + | ##點擊展開視窗後點左下角點左下角「筆刷資料庫」-箭頭-標準箭頭 | ||
| + | ##箭頭方向遵循點擊繪製線條的方向 | ||
| + | <br/> | ||
| + | ==Illustrator 矩形圓角== | ||
| + | #以「矩形」工具繪製出所需要的大小 | ||
| + | #至內容-變形點開設定欄位 | ||
| + | #點選中間「連結圓角半徑值」以一次設定四邊圓角半徑 | ||
| + | <br/> | ||
2024年8月22日 (四) 13:55的最新修訂版本
SVG轉文字為圖形
概念
因為圖像編輯者所使用字體，使用者不一定有，所以採用Adobe Illustrator中的外框功能將字體轉為圖形，即可解決這個問題。 在原始碼中可看出，將被標示為貝茲曲線及弧形。
使用方法
在Adobe Illustrator裡面打出所需字樣，接著按右鍵，使用外框工具將文字轉為向量圖。
Illustrator 輸出乾淨的 svg 碼
輸出時選擇「簡報屬性」
操作順序為：檔案-轉存-轉存為-於「格式」選項選擇「簡報屬性」
- 文字語法會形成<text transform>，顯示一切正常，若需要移除transform屬性再另外修正文字部分即可
- 語法頂部會顯示<id='圖層1'>的多餘語法可刪除
Illustrator 箭頭
- 以鋼筆工具「點擊」拉出線條(滑鼠不用長壓)
- 按下「v」切換為「選取功能」，結束線條的繪製
- 於工作列-筆刷欄位新增箭頭
- 點擊展開視窗後點左下角點左下角「筆刷資料庫」-箭頭-標準箭頭
- 箭頭方向遵循點擊繪製線條的方向
Illustrator 矩形圓角
- 以「矩形」工具繪製出所需要的大小
- 至內容-變形點開設定欄位
- 點選中間「連結圓角半徑值」以一次設定四邊圓角半徑
