![](https://img-blog.csdnimg.cn/20201014180756916.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
前端
南不止
代码如诗
如醉如痴
展开
-
前端svg路径path指令动画(二)
一、svg path路径快速生成 工具: Photoshop 、Illustratоr 步骤: 1. 使用PS绘制路径 2.导出路径 3.将路径导入AI 4. 调整画板大小及路径高宽 4.另存为svg 二、代码 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <...原创 2020-03-31 21:34:18 · 537 阅读 · 0 评论 -
前端svg路径path指令动画(一)
一、svg 的 path 介绍 1.1 path元素的形状是通过属性d来定义的,属性d的值是一个命令+参数的序列。 1.2 path 指令 M = moveto(M X,Y) : 将画笔移动到指定的坐标位置 L = lineto(L X,Y) :画直线到指定的坐标位置 H = horizontal lineto(H X):画水平线到指定的X坐标位置 V = vertical lineto(V Y...原创 2020-03-31 16:59:55 · 1461 阅读 · 0 评论