简易js svg动画

Html

Css

function SvgAnimation(fillColor, strokeColor, strokeWidth, duration) {
    this.strokeColor = strokeColor; //笔画颜色
    this.fillColor = fillColor; //填充颜色
    this.strokeWidth = strokeWidth; //描边宽度
    this.duration = duration; //动画时间
}

function CreatKeyFrame(PathDom, fillColor, strokeColor, strokeWidth, duration) { //创建css3逐帧动画
    var stylesheet = document.createElement('style');
    stylesheet.type = 'text/css';

}
window.onload = function() {
    var svg = new SvgAnimation('red', 'black', 0.5, 6); //淡入颜色 描边颜色  描边宽度 动画时间 单位/s 
    svg.load('#demo>path', CreatKeyFrame);
}

↑上面代码改变，会自动显示代码结果 jQuery调用版本：2.1.4

立即下载

简易js svg动画



代码描述：简易js svg画线动画

更新时间：2020-10-18 23:29:16
执行函数
var svg=new SvgAnimation('red','black',0.5,6); //淡入颜色描边颜色描边宽度动画时间单位/s svg.load('#demo>path',CreatKeyFrame); //path节点 html输入相应的svg代码

0

最新

发表评论全部评论

暂时没有评论！

登录后才可以评论

30秒后在评论吧!

PROMULGATOR

愣

相关代码

简易js svg动画

最新