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

首頁 > 學院 > 編程設計 > 正文

SVG第14課：SVG 放射性漸變

2020-12-08 19:49:01
字體：大 中 小
來源：轉載
供稿：網友
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
另类色图亚洲色图| 欧美成人精品三级在线观看| 国产美女主播一区| 精品福利在线视频| 久久免费精品日本久久中文字幕| 亚洲欧美精品一区| 亚洲最大福利视频网站| 亚洲另类xxxx| 精品久久久久久久久久久久| 亚洲精品v天堂中文字幕| 国产一区玩具在线观看| 日韩在线视频线视频免费网站| 国产婷婷成人久久av免费高清| 懂色aⅴ精品一区二区三区蜜月| 国产九九精品视频| 91精品国产高清久久久久久| 国产精品久久久久久亚洲影视| 久久久精品999| 亚洲午夜av电影| 色综合久久久888| 热久久免费视频精品| 国内外成人免费激情在线视频网站| www.欧美精品一二三区| 国产精品草莓在线免费观看| 亚洲欧洲日韩国产| 亚洲国产私拍精品国模在线观看| www日韩欧美| 亚洲人免费视频| 91在线免费网站| 国产成人精品视| 国产97在线视频| 91久久中文字幕| 欧美性高潮在线| 日韩av在线播放资源| 色播久久人人爽人人爽人人片视av| 欧美成人中文字幕在线| 51色欧美片视频在线观看| 日韩成人激情视频| 国产成人精品视| 亚洲自拍欧美另类| 欧美精品中文字幕一区| 日韩精品极品在线观看播放免费视频| 国产精品一久久香蕉国产线看观看| 亚洲伊人久久大香线蕉av| 北条麻妃在线一区二区| 午夜精品久久久久久久白皮肤| 日韩成人中文电影| 成人免费自拍视频| 欧美激情xxxx性bbbb| 国产精品流白浆视频| 91在线视频精品| 亚洲日韩欧美视频| 亚洲一区二区三区四区在线播放| 大荫蒂欧美视频另类xxxx| 成人免费福利视频| 一区二区在线视频播放| 国精产品一区一区三区有限在线| 欧美成人午夜影院| 97人人做人人爱| 欧美成人激情视频| 亚洲欧洲自拍偷拍| 久久夜精品va视频免费观看| 中文字幕国产日韩| 色偷偷888欧美精品久久久| 欧美日韩中文字幕综合视频| 8x拔播拔播x8国产精品| 欧美精品久久久久久久免费观看| 精品偷拍各种wc美女嘘嘘| 91在线直播亚洲| 欧美另类极品videosbest最新版本| 欧美激情在线观看| 国产精品大陆在线观看| 国产精品美腿一区在线看| 日本午夜人人精品| 国产一区二区三区在线| 热草久综合在线| 欧美日韩人人澡狠狠躁视频| 蜜臀久久99精品久久久无需会员| 欧美乱大交做爰xxxⅹ性3| 欧美亚洲在线视频| 国产日韩精品在线观看| 欧美福利视频在线| 最近免费中文字幕视频2019| 这里只有精品在线观看| 在线a欧美视频| 亚洲电影免费观看高清完整版在线观看| 4388成人网| 久久久黄色av| 亚洲午夜激情免费视频| 久久人人爽人人爽爽久久| 亚洲人成人99网站| 久久视频免费在线播放| 亚洲成人av片在线观看| 91理论片午午论夜理片久久| 国产成人久久久精品一区| 中文字幕日韩av综合精品| 日韩欧美中文免费| 亚洲成avwww人| 欧美精品免费在线观看| 色樱桃影院亚洲精品影院| 欧美激情在线观看| 欧美小视频在线观看| 中文字幕在线国产精品| 日韩美女视频免费在线观看| 国产偷亚洲偷欧美偷精品| 最好看的2019的中文字幕视频| 91精品视频观看| 欧美日韩ab片| 青青在线视频一区二区三区| 久久99精品久久久久久噜噜| 亚洲精品之草原avav久久| 久久精品国产2020观看福利| 欧美裸体xxxx极品少妇| 亚洲人成绝费网站色www| 久久的精品视频| 欧美剧在线观看| 亚洲色图五月天| 国产精品丝袜久久久久久高清| 91久久精品美女| 亚洲欧美日韩综合| 欧美精品在线免费播放| 国产精品精品国产| 欧美成人sm免费视频| 日韩电影免费观看中文字幕| 成人精品视频99在线观看免费| 亚洲精品欧美日韩| 成人免费观看a| 另类专区欧美制服同性| 日韩**中文字幕毛片| 久久琪琪电影院| 日韩av观看网址| 亚洲sss综合天堂久久| 亚洲精品在线视频| 中文字幕欧美专区| 成人精品视频在线| 免费91麻豆精品国产自产在线观看| 久久久精品欧美| 亚洲天堂男人的天堂| 色爱av美腿丝袜综合粉嫩av| 午夜精品蜜臀一区二区三区免费| 91日韩在线播放| 亚洲国产中文字幕在线观看| 91精品在线看| 国内精品久久久| 亚洲春色另类小说| 日韩电影免费观看在线观看| 成人激情电影一区二区| 伊人久久大香线蕉av一区二区| 久久久精品网站| 国产精品亚洲视频在线观看| 久久91超碰青草是什么| 亚洲天堂av在线播放| 亚洲欧美在线播放| 国产精品爱久久久久久久| 北条麻妃一区二区三区中文字幕| 日本成人免费在线| 成人自拍性视频| 激情亚洲一区二区三区四区| 色妞色视频一区二区三区四区| 精品国产乱码久久久久久婷婷| 亚洲网站在线看| 欧美最顶级丰满的aⅴ艳星| 91系列在线观看| 亚洲jizzjizz日本少妇|