全民科學平台 - 使用者貢獻 [zh-tw]

檔案:Petals1.svg

2019-11-17T12:17:52Z

張季玫：How am I going to turn this svg file into a png file?

How am I going to turn this svg file into a png file?

上傳png

2019-11-17T12:14:43Z

張季玫：已建立頁面，內容為 "<?xml version='1.0' encoding='UTF-8' standalone='no'?> <svg xmlns='http://www.w3.org/2000/svg' version='1.1' width='600' height='600'> <g transform='translate(360,48…"

<?xml version='1.0' encoding='UTF-8' standalone='no'?>
<svg xmlns='http://www.w3.org/2000/svg' version='1.1' width='600' height='600'>
<g transform='translate(360,48) rotate(30) scale(1.7)'>
<polygon points='120,100 140,30 120,0 100,30' style='stroke:none;stroke-width:0;fill:green;'/>
<polygon points='120,100 140,30 120,0 100,30' style='stroke:none;stroke-width:0;fill:green;' transform='rotate(45 120 100)'/>
<polygon points='120,100 140,30 120,0 100,30' style='stroke:none;stroke-width:0;fill:green;' transform='rotate(90 120 100)'/>
</g>
</svg>

筆記頁/張季玫

2019-11-15T15:40:00Z

張季玫：SVG 1st class

W3C制定，開放標準

XML, extensible markup language， 1.0可延伸標記式語言, 包括HTML, SVG(Scalable Vector Graphics)
HTML,5.0,遵守XML語法定義(HyperText Markup Language)可縮放向量圖形
點陣圖: png, jpg,gif放大會毛邊
向量會補點

處理文字，img.互動，影音

標籤自行定義
<html></html>
Style標籤屬性
Adobe Illustrator SVG

Homo sapiens智人
UTF萬國碼
8 bit, 20000字
16bit, 60000字
版本、編碼、文檔內外
name space 名稱空間
XML ns，xmlns
<svg xmlns='http://www.w3.org/2000/svg'定義

px向數，不講寬度長度

<?xml version='1.0' encoding='UTF-8' standalone='no'?>
<svg xmlns='http://www.w3.org/2000/svg' version='1.1' width='130' height='90'>
井號代表序列
</svg>
</svg>
#fff(色碼紅綠藍16),
fill-opacity:0透明度為0
<?xml version='1.0' encoding='UTF-8' standalone='no'?>
<svg xmlns='http://www.w3.org/2000/svg' version='1.1' width='12' height='12'>
<circle cx='6' cy='6' r='4' style='fill:#fff;stroke:blue;stroke-width:2;fill-opacity:0'/>
</svg>

註解