Animation 制作SVG图像的绘图动画
我正在尝试为下面的svg图像制作动画,我尝试了一个名为的库,它可以在svg上绘制动画Animation 制作SVG图像的绘图动画,animation,svg,draw,Animation,Svg,Draw,我正在尝试为下面的svg图像制作动画,我尝试了一个名为的库,它可以在svg上绘制动画 new Vivus('mySvg', {duration: 200}, 300); 不幸的是,它没有工作 这是图片:(抱歉,它太大了,无法作为内联svg放在文章中) svg图像的id为“mySvg”,如下所示(它没有路径,它基于base64 xlink:href): PNG是一个二进制图像,它没有任何笔划,vivus可以animate@Danny“365CSI”Engelman我刚刚意识到:(有可能将png转
new Vivus('mySvg', {duration: 200}, 300);
不幸的是,它没有工作
这是图片:(抱歉,它太大了,无法作为内联svg放在文章中)
svg图像的id为“mySvg”,如下所示(它没有路径,它基于base64 xlink:href):
PNG是一个二进制图像,它没有任何笔划,vivus可以animate@Danny“365CSI”Engelman我刚刚意识到:(有可能将png转换为带有笔划偏移量的向量吗?这就是神圣的png2svg圣杯
<svg id="mySvg" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="640px" height="400px" viewBox="0 0 640 400" enable-background="new 0 0 640 400" xml:space="preserve"> <image id="image0" width="640" height="400" x="0" y="0"
xlink:href="data:image/png;base64,iVBORw0KG...
</svg>