-
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
提交
取消