Warning: file_get_contents(/data/phpspider/zhask/data//catemap/8/svg/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/gwt/3.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Animation 制作SVG图像的绘图动画_Animation_Svg_Draw - Fatal编程技术网

Animation 制作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转

我正在尝试为下面的svg图像制作动画,我尝试了一个名为的库,它可以在svg上绘制动画

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>