亚洲香蕉成人av网站在线观看_欧美精品成人91久久久久久久_久久久久久久久久久亚洲_热久久视久久精品18亚洲精品_国产精自产拍久久久久久_亚洲色图国产精品_91精品国产网站_中文字幕欧美日韩精品_国产精品久久久久久亚洲调教_国产精品久久一区_性夜试看影院91社区_97在线观看视频国产_68精品久久久久久欧美_欧美精品在线观看_国产精品一区二区久久精品_欧美老女人bb

首頁 > 擴展 > SVG > 正文

SVG第14課：SVG 放射性漸變

2024-09-06 19:57:09
字體：大 中 小
來源：轉載
供稿：網友
SVG 漸變必須在 <defs> 標簽中進行定義。

放射性漸變
<radialGradient> 用來定義放射性漸變。

<radialGradient> 標簽必須嵌套在 <defs> 中。<defs> 標簽是 definitions 的縮寫，它允許對諸如漸變等特殊元素進行定義。

請把下面的代碼拷貝到記事本，然后把文件保存為 "radial1.svg"。把此文件放入您的 web 目錄：

<?xml version="1.0" standalone="no"?>
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" 
"http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">

<svg width="100%" height="100%" version="1.1"
xmlns="http://www.w3.org/2000/svg">

<defs>
<radialGradient id="grey_blue" cx="50%" cy="50%" r="50%"
fx="50%" fy="50%">
<stop offset="0%" style="stop-color:rgb(200,200,200);
stop-opacity:0"/>
<stop offset="100%" style="stop-color:rgb(0,0,255);
stop-opacity:1"/>
</radialGradient>
</defs>

<ellipse cx="230" cy="200" rx="110" ry="100"
style="fill:url(#grey_blue)"/>

</svg>

代碼解釋：
<radialGradient> 標簽的 id 屬性可為漸變定義一個唯一的名稱，fill:url(#grey_blue) 屬性把 ellipse 元素鏈接到此漸變，cx、cy 和 r 屬性定義外圈，而 fx 和 fy 定義內圈 漸變的顏色范圍可由兩種或多種顏色組成。每種顏色通過一個 <stop> 標簽來規定。offset 屬性用來定義漸變的開始和結束位置。

另一個例子：

<?xml version="1.0" standalone="no"?>
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" 
"http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">

<svg width="100%" height="100%" version="1.1"
xmlns="http://www.w3.org/2000/svg">

<defs>
<radialGradient id="grey_blue" cx="20%" cy="40%" r="50%"
fx="50%" fy="50%">
<stop offset="0%" style="stop-color:rgb(200,200,200);
stop-opacity:0"/>
<stop offset="100%" style="stop-color:rgb(0,0,255);
stop-opacity:1"/>
</radialGradient>
</defs>

<ellipse cx="230" cy="200" rx="110" ry="100"
style="fill:url(#grey_blue)"/>

</svg>

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
亚洲香蕉成人av网站在线观看_欧美精品成人91久久久久久久_久久久久久久久久久亚洲_热久久视久久精品18亚洲精品_国产精自产拍久久久久久_亚洲色图国产精品_91精品国产网站_中文字幕欧美日韩精品_国产精品久久久久久亚洲调教_国产精品久久一区_性夜试看影院91社区_97在线观看视频国产_68精品久久久久久欧美_欧美精品在线观看_国产精品一区二区久久精品_欧美老女人bb
国产精品视频地址| 日韩女优在线播放| 国产精品久久久久久久av大片| 国产精品视频999| 亚洲美女性视频| 第一福利永久视频精品| 精品中文字幕在线观看| 国产日韩欧美视频在线| 亚洲国产天堂久久综合网| 日韩在线免费视频| 欧美激情xxxxx| 九九久久精品一区| 国产日韩亚洲欧美| 最新国产精品拍自在线播放| 国产不卡在线观看| 中文字幕亚洲欧美日韩高清| 亚洲欧洲日本专区| 中文国产成人精品| 亚洲一区999| 中文字幕亚洲欧美在线| 日韩av网站电影| 亚洲三级 欧美三级| 亚洲欧美日韩精品久久奇米色影视| 国产91亚洲精品| 亚洲最新视频在线| 欧美综合激情网| 亚洲成人网久久久| 亚洲精品丝袜日韩| 国产成人精品av| 久久深夜福利免费观看| 中文字幕九色91在线| 亚洲欧洲xxxx| 亚洲欧美国产日韩中文字幕| 国内精品久久影院| 97成人超碰免| 成人激情春色网| 91精品在线国产| 亚洲片在线资源| 久久久久国产精品免费| 一个人看的www久久| 国产精品一区二区三区毛片淫片| 国产亚洲精品久久久久动| 成人欧美一区二区三区黑人孕妇| 亚洲国产精品99久久| 精品国产一区二区三区在线观看| 91中文字幕在线| 91在线网站视频| 亚洲欧美成人一区二区在线电影| 日韩av手机在线观看| 欧美日本在线视频中文字字幕| 国产在线久久久| 日韩最新在线视频| 色婷婷av一区二区三区在线观看| 91国自产精品中文字幕亚洲| 亚洲一区二区在线播放| 国产精欧美一区二区三区| 日韩欧美精品网址| 欧美性猛交xxxxx水多| 第一福利永久视频精品| 日韩精品中文字幕视频在线| 精品久久久久久久久久久久久| 亚洲一区二区三区视频| 羞羞色国产精品| yw.139尤物在线精品视频| 57pao成人国产永久免费| 欧美老女人www| 日韩电影在线观看免费| 日韩av不卡在线| 在线成人激情视频| 欧美在线观看一区二区三区| 青青久久av北条麻妃黑人| 日韩中文视频免费在线观看| 国产日韩欧美中文在线播放| 日韩成人av一区| 欧美日韩国产中文精品字幕自在自线| 97成人精品区在线播放| 国语自产精品视频在线看一大j8| 国产精品久久久久免费a∨| 色综合91久久精品中文字幕| 日韩欧美国产高清91| 午夜精品一区二区三区av| 97视频免费看| 成人黄色av播放免费| 91在线视频免费| 欧美激情国产精品| 亚洲综合色激情五月| 久久久国产一区二区三区| 欧美日韩在线免费| 成人日韩在线电影| 亚洲视频在线看| 亚洲人成欧美中文字幕| 中文字幕日韩有码| 国内精品久久久| 日韩精品福利在线| 91综合免费在线| 欧美成人激情视频免费观看| 成人在线精品视频| 国产精品成人va在线观看| 91久久精品视频| 亚洲精品v天堂中文字幕| 国语自产偷拍精品视频偷| 亚洲激情久久久| 最近2019中文字幕mv免费看| 国产精品免费久久久| 日韩成人中文字幕在线观看| 精品国产一区二区三区久久久| 91在线观看欧美日韩| 国产精品十八以下禁看| 欧美日韩国产影院| 国产精品白嫩美女在线观看| 日本高清不卡在线| 国产精品丝袜久久久久久不卡| 91久久久久久久久久| 成人激情av在线| 北条麻妃一区二区三区中文字幕| 国产精品色午夜在线观看| 尤物精品国产第一福利三区| 欧美日韩激情美女| 成人妇女免费播放久久久| 性日韩欧美在线视频| 精品久久久免费| 欧美专区在线观看| 欧美大片在线免费观看| 日韩在线观看网址| 日韩欧美aⅴ综合网站发布| 久久人人爽国产| 91视频免费网站| 在线观看欧美成人| 亚洲国产成人精品一区二区| 亚洲激情视频在线播放| 国产日韩欧美在线视频观看| 国产精品久久久久aaaa九色| 在线国产精品播放| 亚洲国产欧美一区二区三区同亚洲| 91精品久久久久久久久久另类| 成人久久久久久久| 91成人在线播放| 日本欧美爱爱爱| 日韩欧美国产中文字幕| 91亚洲国产成人精品性色| 日韩精品免费一线在线观看| 日韩av手机在线观看| 人人爽久久涩噜噜噜网站| 在线电影欧美日韩一区二区私密| 欧美国产精品人人做人人爱| 久久精品国产久精国产一老狼| 国产成人精品视频在线观看| xvideos亚洲| 国产伊人精品在线| 国产精品91久久久久久| 亚洲国内高清视频| 久久成人av网站| 亚洲成人av资源网| 九色精品免费永久在线| 亚洲精品久久7777777| 国产精品视频xxx| 97精品一区二区三区| 91精品国产乱码久久久久久蜜臀| 日韩人在线观看| 欧美一级电影免费在线观看| 亚洲第一福利在线观看| 97精品国产91久久久久久| 中文字幕在线国产精品| 精品久久久久久久久久久久久久|