我如何使svg动画像gif？
我如何使svg动画像gif？
提问于 2022-08-02 04:16:27
回答 1
Stack Overflow用户
回答已采纳
发布于 2022-08-02 04:32:26
需要使用svg路径填充动画，如
.line {
stroke-dasharray: 280 280;
stroke-dashoffset: 280;
animation-duration: 2s;
animation-name: draw;
animation-iteration-count: infinite;
animation-direction: alternate;
animation-timing-function: linear;
}
@keyframes draw {
from {
stroke-dashoffset: 280;
}
to {
stroke-dashoffset: 0;
}
}<svg>
<path class="line" d="M 10,75 L 290,75" stroke="green" stroke-width="50"/>
</svg>
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/73201934
复制相关文章
相似问题
腾讯云开发者
