SVG
关注
分享
扫一扫
文章平均质量分 81
SVG技术
叨唠
弘德、博学、敏行、敢先
展开
-
XML的SVG知识总结
1. SVG （Scalable Vector Graphic）可缩放矢量图形svg是使用 XML 来描述二维图形和绘图程序的语言，是个行级标签场景：图标、图标icon、动效、矢量图（放大后不失真） 注意：canvas是js控件，运行性能比svg标签好2. svg在HTML中的用法（1）可以通过头部引入css文件（最好使用这种）（2）可以写在style标签中（3）可以写...原创 2018-09-17 12:03:18 · 7183 阅读 · 0 评论 -
svg练习题——抽风路径、高斯模糊、仪表盘、个性签名、loading加载
1. 使用svg实现抽风路径 <style> path{ animation: move 1s linear alternate infinite; stroke:brown; stroke-width:5px; stroke-dashoffset: 0px; ...原创 2018-09-18 09:20:04 · 1185 阅读 · 0 评论 -
svg知识总结（2）——与JavaScript相关知识
1. getTotalLength()获取图形总长度注意：与stroke-linecap和stroke-linejoin无关<body> <svg width=200 height=200 style="border:1px solid black;" id="svg"> <rect x=20 y=20 width=100 height=...原创 2018-09-18 11:20:11 · 632 阅读 · 0 评论