SVG：修訂版本之間的差異
出自福留子孫
（→Illustrator 輸出乾淨的 svg 碼） |
（→Illustrator 箭頭） |
||
| （未顯示2位用戶所作出之3次版本） | |||
| 第 8 行： | 第 8 行： | ||
==Illustrator 輸出乾淨的 svg 碼== | ==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 矩形圓角
- 以「矩形」工具繪製出所需要的大小
- 至內容-變形點開設定欄位
- 點選中間「連結圓角半徑值」以一次設定四邊圓角半徑
