欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

ai怎么導出svg文件? ai導出svg并在html中使用的方法

  發(fā)布時間：2015-11-12 14:37:13   作者：佚名   我要評論
ai怎么導出svg文件? svg包含很多ai信息，但是如果要在html中使用的話就需要重新提取修改，該怎么提取呢？下面我們分享ai中提取svg文件的詳細方法，需要的朋友可以參考下

AI圖標制作完成之后，保存的svg文件包含許多AI的信息，如果要在HTML中使用，我們需要在svg文件中提取/修改信息，重新保存。

1、在AI中已經(jīng)完成圖標，要保存SVG文件，點擊“文件(File)”-“另存為(Save As)”，在彈出的對話框中保存類型選擇SVG(*.svg)。

2、svg文件保存后，用文本編輯器打開，找到<path>這一個節(jié)點，d屬性里面就是這個圖片的路徑數(shù)據(jù)【注：在保存svg圖標的時候需要使用路徑查找器工具將圖標制作為復合路徑，不然該svg文件中會有多個<path>節(jié)點】。

3、可以新建一個.svg文件，用文本編輯器打開，輸入以下內(nèi)容

復制內(nèi)容到剪貼板
  1. <?xml version="1.0" encoding="utf-8"?>   
  2.   
  3. <svg    
  4.   
  5. version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="左偏移量(px)" y="上偏移量(px)"  
  6.   
  7. width="寬度" height="高度" viewBox="0 0 寬度 高度" enable-background="new 0 0 寬度 高度"  
  8.   
  9. xml:space="preserve">   
  10.   
  11. <g>   
  12.   
  13. <path stroke="描邊顏色" fill="填充顏色" d="圖標路徑數(shù)據(jù)"/>   
  14.   
  15. </g>   
  16.   
  17. </svg>   

viewBox 和enable-background 的寬高不要修改，使用從ai保存的svg中的數(shù)據(jù)。

4、將從ai保存的svg中復制路徑數(shù)據(jù)到上面新建的svg圖標路徑數(shù)據(jù)屬性中，設置好顏色大小的信息，保存后就可以在html中正常使用了。

相關文章

最新評論