stroke-dashoffset does not for me

虽然使用动画svg工作，我发现奇怪的问题，笔画dashoffset不适合我。我想让自己吸引人。stroke-dashoffset does not for me

我创建了一支笔，所以你可以在这里观看： https://codepen.io/kalreg/pen/yorQaV

<svg> 
    <path stroke="red" fill="none" stroke-width=10 stroke-dashoffset=6530 d="M5,50 L60,105 L150,5"></path> 
</svg>

都修改CSS或从负路径的属性到0至正值犯规的对号

我改变外观不知道我在做什么错误，所以任何建议都将不胜感激。谢谢。

来源

2017-09-05 Kalreg

的stroke-dashoffset动画以stroke-dasharray一起工作，你也缺少@keyframes实际有动画：

path { 
    stroke-dasharray: 6630; 
    stroke-dashoffset: 6630; 
    animation: dash 5s linear forwards; 
} 

@keyframes dash { 
    to { 
    stroke-dashoffset: 0; 
    } 
}

这里是更新您的codepen：
https://codepen.io/anon/pen/mMgQMY

来源

2017-09-05 23:12:41 Dekel

的是长度路径只有212.3。所以6630的dasharray是不必要的大。使用类似于213的东西。 https://codepen.io/anon/pen/qXGaOv –

谢谢。这解决了一个问题。 – Kalreg

stroke-dashoffset does not for me

回答

相关问题