一本无码中文字幕精品视频 ,狠狠躁夜夜躁人人爽超碰97香蕉

技術(shù)頻道 - html技術(shù)

教你用illustrator把PNG圖片轉(zhuǎn)換為SVG含path路徑文件

作者:admin 時間:2023-6-20 17:26:51 瀏覽:

如果你想把某些PNG圖像轉(zhuǎn)換為SVG包含有path路徑的圖像，以便更好地在網(wǎng)頁上使用，那么你可以參考本文介紹的方法，這是一個被廣泛應(yīng)用的PNG圖片轉(zhuǎn)換為SVG圖像的方法，這個轉(zhuǎn)換是用illustrator來完成的。

下面介紹操作步驟。

步驟1：安裝illustrator

首先，你得下載并安裝illustrator軟件，這是一個付費(fèi)軟件，但你可以在網(wǎng)上找到免費(fèi)版本使用。

步驟2：打開PNG圖像

在illustrator里打開PNG圖像。點(diǎn)擊菜單的“文件”-“打開”，然后選擇你的PNG圖像。

打開PNG圖像

步驟3：建立“圖像描摹”

首先選中你的PNG圖像，然后點(diǎn)擊菜單“對象”-“圖像描摹”-“建立”。

點(diǎn)擊圖片放大

步驟4：設(shè)置“圖像描摹”

點(diǎn)擊菜單“窗口”-“圖像描摹”，打開“圖像描摹”設(shè)置窗口。

點(diǎn)擊圖片放大

“圖像描摹”設(shè)置

在“圖像描摹”設(shè)置窗口（請選中“預(yù)覽”選項(xiàng)），可以對你的圖像進(jìn)行調(diào)整，達(dá)到符合你的要求為止。

步驟5：擴(kuò)展“圖像描摹”

在上面步驟中，調(diào)整完畢后，再點(diǎn)擊菜單的“對象”-“圖像描摹”-“擴(kuò)展”。

點(diǎn)擊圖片放大

步驟6：導(dǎo)出SVG文件

至此，PNG轉(zhuǎn)SVG就完成了。最后導(dǎo)出SVG文件。

可以通過以下兩種方法導(dǎo)出SVG文件。

方法1：點(diǎn)擊菜單“文件”-“導(dǎo)出”-“導(dǎo)出為...”。

導(dǎo)出SVG文件方法1

方法2：點(diǎn)擊菜單“文件”-“腳本”-“將文檔存儲為SVG”。

導(dǎo)出SVG文件方法2

步驟7：檢測成果

導(dǎo)出SVG文件后，打開它，你會得到類似下面的腳本。

my-logo.svg

<?xml version="1.0" encoding="iso-8859-1"?>
<!-- Generator: Adobe Illustrator 23.0.2, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
<svg version="1.1" id="圖層_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px"
 y="0px" viewBox="0 0 288 560.001" style="enable-background:new 0 0 288 560.001;" xml:space="preserve">
<g>
<path style="fill:#FDFDFD;" d="M144.899,287.003c-5.899-0.002-......,144.899,287.003z"/>
<path style="fill:#838383;" d="M143.857,277.354c-3.904,0.943......,277.354z"/>
<path style="fill:#858585;" d="M149.735,279.588c-1.24-1.304-......,279.588z"/>
</g>
</svg>

代碼有點(diǎn)多？你可以使用如下方法把SVG文件體積減少60%。