-
- 九州慕1372729 2021-11-21
渐变
gradientUnits="userSpaceOnUse",用的是世界坐标系，不是当前的坐标系，完全是橙色，0，0到1，1延续的颜色都将是最后一个颜色
径向渐变
需要多定义一个参数r，fx，fy
例子
cx，cy表示渐变开始的地方
r表示渐变的长度
fx，fy表示焦点的位置，颜色出发的位置
- 0赞 · 0采集
-
- Sandaydi 2020-01-01
径向渐变
radial
-
截图0赞 · 0采集
-
- Sandaydi 2020-01-01
线性渐变linear
-
截图0赞 · 0采集
-
- qq_hyacinth_1 2018-05-24
线性渐变色！
-
截图0赞 · 0采集
-
- 左小珍 2018-01-22
- 走进SVG 第三章 颜色、渐变和笔刷 3-2 线性渐变和径向渐变 径向渐变： cx cy：渐变的开始位置 r：渐变的长度 fx fy：焦点位置
-
截图0赞 · 1采集
-
- 左小珍 2018-01-22
- 走进SVG 第三章 颜色、渐变和笔刷 3-2 线性渐变和径向渐变 gradientUnits="userSpaceOnUse（用的是世界坐标系不是图形当前的坐标系）/objectBoundingBox(默认值)"
-
截图0赞 · 0采集
-
- yxl1074399 2017-10-27
- 径向渐变实例
-
截图0赞 · 0采集
-
- yxl1074399 2017-10-27
- 径向渐变
-
截图0赞 · 0采集
-
- yxl1074399 2017-10-27
- 线型渐变实例
-
截图0赞 · 0采集
-
- yxl1074399 2017-10-27
- 线性渐变
-
截图0赞 · 0采集
-
- 少不更事 2017-04-09
- radialGradient
-
截图0赞 · 0采集
-
- 少不更事 2017-04-09
- linearGradient
-
截图0赞 · 0采集
-
- qq_暗紫岳天i_04423014 2016-11-21
- 孤鸿寡鹄
-
截图0赞 · 0采集
-
- jenifurs 2016-09-01
- gradientUnits = "userSpaceOnUse"其坐标参考的是世界坐标系，而不是本身坐标系
- 0赞 · 1采集
-
- qweqwe13123123 2016-08-17
- 2.径向渐变
-
截图0赞 · 0采集
-
- qweqwe13123123 2016-08-17
- 1.线性渐变
-
截图0赞 · 0采集
-
- xgqfrms 2016-07-31
- <svg version="1.0" encoding="UTF-8" xmlns="http://www.w3.org/2000/svg" width="400" height="300"> <defs> <radialGradient id="g_grad" gradientUnits="objectBoundingBox" cx="0.5" cy="0.5" r="0.5" fx="0.6" fy="0.3"> <stop offset="0" stop-color="rgba(20,151,252,1)" /> <stop offset="0.5" stop-color="rgba(164,105,190,1)" /> <stop offset="1" stop-color="rgba(225,140,0,1)" /> </radialGradient> </defs> <rect x="100" y="100" fill="url(#g_grad)" width="200" height="200"> <!-- --> </rect> </svg>
-
截图0赞 · 0采集
-
- xgqfrms 2016-07-31
- radialGradient gradientUnits
-
截图0赞 · 0采集
-
- xgqfrms 2016-07-31
- <defs> <linearGradient id="lr_grad" gradientUnits="userSpaceOnUse" x1="300" y1="100" x2="500" y2="200"> <stop offset="0" stop-color="#1497FC" /> <stop offset="0.5" stop-color="#A469BE" /> <stop offset="1" stop-color="#FF8C00" /> </linearGradient> </defs> <rect x="300" y="100" fill="url(#lr_grad)" width="200" height="100"> <!-- --> </rect>
-
截图0赞 · 0采集
-
- xgqfrms 2016-07-31
- 自身坐标系： 1，1 颜色
-
截图0赞 · 0采集
-
- xgqfrms 2016-07-31
- gradientUnits="userSpaceOnUse"
-
截图0赞 · 0采集
-
- xgqfrms 2016-07-31
- gradientUnits="objectBoundingBox"
-
截图0赞 · 0采集
-
- xgqfrms 2016-07-31
- <svg version="1.0" encoding="UTF-8" xmlns="http://www.w3.org/2000/svg" > <defs> <linearGradient id="l_grad" x1="0" y1="0" x2="1" y2="1"> <stop offset="0" stop-color="#1497FC" /> <stop offset="0.5" stop-color="#A469BE" /> <stop offset="1" stop-color="#FF8C00" /> </linearGradient> </defs> </svg>
-
截图0赞 · 0采集
-
- Sweet_Gao 2016-05-04
- 径向渐变代码示例
-
截图1赞 · 1采集
-
- Sweet_Gao 2016-05-04
- 径向渐变
-
截图0赞 · 0采集
-
- Sweet_Gao 2016-05-04
- 线性渐变
-
截图1赞 · 1采集
-
- Sweet_Gao 2016-05-04
- 线性渐变
-
截图0赞 · 0采集
-
- 永不抹灭 2016-04-17
- 径向渐变
-
截图0赞 · 0采集
-
- 永不抹灭 2016-04-17
- 线性渐变
-
截图0赞 · 0采集
-
- 鼠儿果999 2015-11-16
- fx fy 焦点位置
-
截图1赞 · 1采集
数据加载中...