svg - 随笔分类 - hengda_frontend

svg SMIL Animation动画

摘要：svg path路径绘制：贝塞尔曲线二次贝塞尔曲线：三次贝塞尔曲线：基本参数：指令字母（绝对坐标）中文含义参数示意具体说明 M 移动到(moveTo) x,y 路径起始点坐标 Z 闭合路径(closepath) 将路径的开始和结束点用直线连接 L 直线(lineTo) x,y 当前节点阅读全文

posted @ 2018-01-25 10:36 hengda_frontend 阅读(586) 评论(0) 推荐(0)

SVG 动画示例：svg缩放移动、移动轨迹追溯

摘要：所实现的简单效果：移动轨迹刷新绘制、svg缩放/移动使用相关技术：SVG SMIL Animation动画 <style>*{ margin:0; padding:0;}.main{ width: 600px; height: auto; margin: 20px auto;}#svg1{ bac 阅读全文

posted @ 2018-01-18 09:28 hengda_frontend 阅读(3448) 评论(1) 推荐(0)

SVG 基础应用

摘要：svg置入HTML页面方式： 1、直接写入 <svg xmlns="http://www.w3.org/2000/svg" version="1.1"> <polygon points="100,10 40,180 190,60 10,60 160,180" style="fill:lime;str 阅读全文

posted @ 2018-01-18 09:14 hengda_frontend 阅读(188) 评论(0) 推荐(0)

随笔分类 - svg