SVG
关注
分享
扫一扫
LJ·START
这个作者很懒，什么都没留下…
展开
-
2D矢量图-SVG(3)-预定义形状,渐变,滤镜
SVG: 需求1:画一个三角形 需求2:画一个五角星 <!doctype html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-.原创 2021-03-26 15:50:13 · 209 阅读 · 0 评论 -
2D矢量图-SVG(2)-圆形
需求： (1)动态创建30个大小不同，颜色不同，透明度不同，位置不同圆形 (2)当用户点击某个圆时慢慢变大变淡直到消失 删除圆 <!doctype html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, user-scalable=no, initial-s..原创 2021-03-25 18:01:35 · 248 阅读 · 0 评论 -
2D矢量图-SVG(1)-创建流程(圆形为例)
SVG图形创建流程： （1）创建画布标签 <svg id="svg" width="500" height="400"> ... </svg> （2）添加圆环标签 <circle cx="" cy="" r="" fill="" stroke=""></circle> cx,cy 圆心坐标 r 半径 fill 填充 stroke 描边 通过js在svg画布上动态创建元素 （1）字符...原创 2021-03-25 15:35:36 · 293 阅读 · 0 评论