HTML5之svg
矢量图,缩放不变形。1. 绘制基础 1.1标签绘制
1.2 js绘制svg基础
1.3 path绘制demo
1.4 文本绘制svg
2.动画基础 2.1 直线动画svg
2.2 弧线动画svg动画
2.3 轨迹动画svg动画
2.4 文本动画svg动画
2.5 动画综合练习svg
vector.js (function(){ function Vector(x,y){ this.x = x || 0; this.y = y || 0; } Vector.prototype = { constructor:Vector, square:function(){ return this.x * this.x + this.y * this.y; }, length:function(){ return Math.sqrt(this.square()); }, add:function(q){ return new Vector(this.x + q.x,this.y+q.y); }, minus:function(q){ return new Vector(this.x - q.x,this.y-q.y); }, multipy:function(scale){ return new Vector(this.x*scale,this.y*scale); }, normalize:function(length){ if(length === undefined){ length = 1; } return this.multipy(length / this.length()); } }; Vector.fromPoints = function(p1,p2){ return new Vector(p2.x - p1.x, p2.y - p1.y); }; window.Vector = Vector; })();
index.html3.图案动画svg动画
图案处理/title>
这篇是对慕、课、网svg教程的笔记,链接贴在下面,大家可以去看看:
走进SVG:https://www.imooc.com/learn/143
文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。
转载请注明本文地址:https://www.ucloud.cn/yun/109381.html
阅读 2804·2023-04-26 02:23
阅读 1483·2021-11-11 16:55
阅读 3104·2021-10-19 11:47
阅读 3238·2021-09-22 15:15
阅读 1930·2019-08-30 15:55
阅读 990·2019-08-29 15:43
阅读 1245·2019-08-29 13:16
阅读 2113·2019-08-29 12:38