-
tiger.svg查看全部
-
SVG Path查看全部
-
<defs> <pattern id="pattern2" x="0" y="0" width="0.3" height="0.3" pattern="userSpaceOnUse" patternUnits="objectBoundingBox"> <circle cx="10" cy="10" r="5" fill="rgba(255,0,0,0.7)"></circle> <polygon points="30 10 60 50 0 50" fill="rgba(0,0,255,0.7)"></polygon> </pattern> </defs> <rect x="400" y="300" width="100" height="100" fill="url(#pattern2)" stroke="rgba(0,255,0,0.7)"></rect> <defs> <pattern id="pattern3" x="0" y="0" width="0.3" height="0.3" pattern="objectBoundingBox" patternUnits="objectBoundingBox"> <circle cx="10" cy="10" r="5" fill="rgba(255,0,0,0.7)"></circle> <polygon points="30 10 60 50 0 50" fill="rgba(0,0,255,0.7)"></polygon> </pattern> </defs> <rect x="500" y="300" width="100" height="100" fill="url(#pattern3)" stroke="rgba(0,255,0,0.7)"></rect>查看全部
-
1.pattern 笔刷。 笔刷用来定义一个可以在boundingbox上重复铺满的图案集合。 2.patternUnits指定pattern在rect里的单位， patternContentUnits指定pattern的内容的单位是基于rect的 patternUnits patternContentUnits 可取值 userSpaceOnUse objectBoundingBox objectBoundingBox 模式下的比例均为相对于boundingbox。 也就是不是根据父标签来定义比例。查看全部
-
<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>查看全部
-
radialGradient gradientUnits查看全部
-
<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>查看全部
-
自身坐标系： 1，1 颜色查看全部
-
gradientUnits="userSpaceOnUse"查看全部
-
gradientUnits="objectBoundingBox"查看全部
-
<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>查看全部
-
svg四个坐标系： 1、User Coordinate--用户坐标系； (SVG中用户视野坐标系，也被称为原始坐标系) 2、Current Corrdinate--自身坐标系； (图形绘制后自身携带的坐标系，用户自身宽高等定义均基于自身坐标系) 3、Previous Coordinate--前驱坐标系； (父容器的坐标系) 4、Reference Coordinate--参考坐标系； （主要用于定义自身坐标系和前驱坐标系的关系） 图形变换：自身坐标系相对于前驱坐标系进行坐标变换；查看全部
-
笛卡尔 坐标系查看全部
-
g 图形分组查看全部
-
preserveAspectRatio: 保持 纵横比，屏幕高宽比；宽高比 preserve: vt. 保护；保持，保存；腌制食物；防腐处理 vi. 保鲜；保持原状；做蜜饯；禁猎 n. 蜜饯；防护用品；禁猎地；独占的事物（或范围） Aspect Ratio: n. 纵横比，屏幕高宽比；宽高比查看全部
举报
0/150
提交
取消