将“;d”;chrome中Snap.svg错误的值
Animating a "d" value with Snap.svg erroring in chrome
您可以通过打开http://cjohn.design在Chrome和Safari中。徽标动画被假设为一次只动画一个部分,就像在Safari-Chrome动画中一样。
以下是运行以下内容的Snap.svg函数:
function logo_in() {
logo.animate ({
d: p1
}, 75, mina.easein);
setTimeout(function() {
logo.animate ({
d: p2
}, 75, mina.easein);
}, 100);
setTimeout(function() {
logo.animate ({
d: p3
}, 75, mina.easein);
}, 200);
setTimeout(function() {
logo.animate ({
d: p4
}, 75, mina.easein);
}, 300);
setTimeout(function() {
logo.animate ({
d: p5
}, 50, mina.easein);
}, 400);
};
变量p0-p5是徽标动画的6个阶段。默认情况下,它设置为p0,并使用setTimeouts设置每个动画。
这一直持续到最近。标志是如何开始如此笨拙地动画化的?
我的CSS值
transition: all .8s ease
与动画时间值冲突
logo.animate ({
d: p1
}, **75**, mina.easein);
相关文章:
- 传递数组以馈送 svg.js 的折线数组方法会引发错误
- svg,多边形,JS函数错误
- jQuery SVG创建折线,firefox错误
- 将“;d”;chrome中Snap.svg错误的值
- 这个文件中的错误在哪里.svg脚本(使用 ecmascript)
- jQuery SVG插件转换动画错误
- 使用 cURL 请求 svg.sencha.io 时请求错误
- svg-import.js导入错误“SVG导入得到意外的类型sodipodi:namedview”
- Safari 中的 SVG SMIL 动画错误
- 如何捕获 SVG 解析错误
- 捕捉 svg 动态:定位错误
- Internet Explorer 9 中的类型不匹配错误:将<标题>添加到内联 SVG
- D3.js SVG 图像拖动有效,但引发许多类型错误
- svg>并且<rect>谷歌折线图中的内联样式错误
- 使用Canvg将svg转换为png:"target.childnodes未定义“;错误
- svg形状嵌套在形状中--没有解析错误
- 包含foreignObject的可滚动SVG中的错误
- SVG将画布IE安全错误保存到DataURL
- SVG错误:访问属性'someFunction'权限被拒绝
- jQuery AJAX从文件中检索SVG -错误:'格式不佳'