Canvas Konva画布中的SVG动画

我想在Konva画布上添加一个动画SVG。我试图用图像对象添加它。SVG将显示，但未设置动画

我还试着向层中添加动画，如Konva的视频演示所示，但这也不起作用

有人知道怎么做吗

var-width=window.innerWidth；
var height=window.innerHeight；
var阶段=新Konva.阶段({
容器：'容器'，
宽度：宽度，
高度：高度
});
var layer=新Konva.layer（）；
阶段。添加（层）；
//主要API：
var imageObj=新图像（）；
imageObj.onload=函数（）{
var image=新的Konva.image({
x:50，
y:50，
图片：imageObj，
宽度：240，
身高：180
});
//将形状添加到层中
图层。添加（图像）；
layer.batchDraw（）；
};
var animation=new Konva.animation（函数（）{
}，层）；
animation.start（）；
imageObj.src='数据：image/svg+xml；base64，2.2）2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 3 3 3 3 3 3 3 3 3 3 3 3 3 6 6 6 6 6 6 6 6 6 6 6 6 6 6 6 6 6 6 6 6 6 6 6 6 6 6 6 6 6 6 6 6 6 6 6 6 6 6 6 6 6 6 6 6 6 6 6 6 6 6 6 6 6 6 6 6 6 6 6 6 6 6 6 6 6 6 6 6 6 6 6 6 6 6 6 6 6 6 6 6 6 6 6 6 6 6 6 6 6 6 6 6 6 6 6 6 6 6 6 6 6 6 6 6 6 6 6 6 6 6 6 6 6 6 6 6 6 6 6 6 6 6 6 6吉卡吉CAGIDWW0NEQVRBWW0KICAUD2HPDGUGE2ZPBGW6I0ZGRKZGRN0NCI5NCMF5IHTMAWXSOINFMEUWRTB9DQOUEWVSBG93IHTMAWXSOINGRCM0J9DQOGIGI1PG0KICAGIDWVC3R5BGU+DQOCIAGICAGICAGICAGICAGGGCGAW9IKNSB3KZUIPGIKZIGIKGICAGIDCNIGLXXAGL0ZV9JJJJ9JBG91ZFG81IJJ4NCIAGICAGICAGICAGICAGICAGICGIJ9JJ9KJJJJJ9KJJJJ0KJ0KJJJJJ0K4JJJJJJJJJ0K4J0KJJJJJJJJJ0KZZZZG9ZZZZZG9JJJJ0AsmGMWLTqumyzljutny45ldcuos03ljlomzkungm0ljmscmw3ljksmy41ldcuosw3ljkgdNtuumsW0Mc45ldUxLjLjR6i8+dQogicagicagicagicagicagicagidxJbGugaw9ilhntelexxyy2xHc3m9IndoaxRjIjIjIjIjIji9IjIjii9IjIjiiii9IjkumyIjkumyIjIjjIjIjIjIjIjIjIjIjIjIjIjIjIjIjIjIj9IjIjIjIjIjIji9IjIjIjIjIjIjIjIjIjIjIjIjIjIjIjIjIjIjIjI2I8+DQoGICAGICAGICAGICAGICAGICAGICAGICAGICAGICAGICAGICAGICAGICAGICAGICAGICAGICAGICAGICAGICAGICAGICAGICAGICAGYR0CMLIDXRLVHLWZT0IWE1MIG0KICAGICAGICAGICAGICAGICAGICAGICAGICAGICAGICAGICAGICAGICAGICAGICAGICAGICAGICAGICAGICAGICAGICAGICAGICAGICAGICAGICAGICAGICAGICAGICAGICAGICAGICAGICAGICAGICAGICAGICAGICAGICAGICAGICAGICAGICAGICAGICAGICAGICAGICAGICAGICAGICAGICAGICAGICAGICAGJJJJJJJJJJJJJICAGICAGICAGICAGICAGICAGICAGICAGICAGICAGICAGICAGICAGICAGICAGICAGICAGICAGICAGICAGICAGICAGICAGICAGICAGICAGICAGICHR5GU9INRYW5ZBGF0ZSINCIAGICAGICAGICAGICAGICAGICAGICAGICAGICAGICAGICAGICAGICAGICAGICAGICAGICAGICAGICAGICAGICAGICAGICAGICAGICAGICAGICAGICAGICAGICAGICAGICAGICAGICAGICAGICAGICAGICAGICAGICAGICAGICAGICHJJJ2F2SY01V01V0ZZZZZZZZZZZZZZZGGGGGGGGGJJJJJJ0ZZZZZZZZIAGICAGICAGICAGICAGICA8CGF0ACBPZD0ITW9VBL81IIBJBGFZCZ0IEWVSBG93IIBKPSJNMZMUNIWNY45YY0WLJITNY43LdQuos0xNC40LdeylTe2JrJrJrTium0xLtQuos0xLtQuos0xLdJrJrTnY41LdGnyW5LdJmJmJmGyW5L4LdJmJmGyWyW4LdJuJuzNyW4LdJrJuzNyW4ZyWyZyWyJuJrJrJs4L4LzZmJrJuZyJrJuZyJuZIcJjIcJjIcG9IcJlZIcJjIcG9IcJrJrJjIcG9IcJlZZZIc4 NCIAGICAJCSAGICAGPHBHDGGGAWQ9ILHTELEXZQ1XYIGY2XHC3M9IMDYXKIIGQ9IK01NC43LDIZIMZMUNGMY4ZLDATNI0YLJCTNI02DJBJMC0ZLJM43LTYSNI02ADIXLJMY4ZLDASNIWY2ZYWYLJCSMJQUMSW1OCWYNI44LDU0LJCSMJYOUOOYOULZ4NCIAGICAGICAGICAGICAGICAGICAGJ0ZZZIBGFIZIIJJ8JJJJ8JJJJJJJJJJJJJJJJJJJ8JJJJJJJJJJJJJJJJJJJJ8GIGIGII8JJJ8JJJJJJJJ8JJJJJJ8JJJJJGICAGIDGIxHBMLTyxRLVHJHBNmb3JTIGF0DHJPYNv0ZU5HBWU9INRyW5ZZM9YBSINCIAGICAGICAGICAGICAGICAGICAGICAGICAGICAGICAGICAGICAGICAGICAGICAGICAGICAGICAGICAGICAGICAGICAGICAGICAGICAGICAGICAGICAGICAGICAGICAGICAGICAGICAGICAGICAGICAGICAGICAGICAGICAGICAGICAGICAGICAGICAGICAGICAGICAGICAGICAGICAGICAGICAGICAGICAGICAGICAGICAGICAGICAGICAGICAGICAGICAGICAGICAGICAGICAGICAGICAGICAGICAGICAGICAGICAGICAGICAGIQ291BNQ9IMLUZGVMAW5PDGUIDQOGGICAGICAGICAGICAGICAGICAGICAGICAGICAGICAGICAGICHR5GU9INRYW5ZBGF0ZSINCINGICAGICAGICAGICAGICAGICAGICAGICAGICAGICAGICAGICAGICAGICAGICAGICAGDMFSDWZPSIWOY0ZZAIDQOGGICAGICAGICAGICAGICAGICAGICAGICAGICAGICAGICAGICAGICAGICAGICAGINGNHB2RLPSAW5LYXIIPG0KIIPG0KICAGICAGICAGICAGICAGICAGICAGIBW5ZVYW5ZW5ZW5ZYW5ZYW5ZM9YYYYBYBYBYYYB9YB9YBJJQoGICAGICAGPC9ZDMC+'；

*{
保证金：0；
填充：0；
}

---

据我所知，目前还没有针对此类用例的解决方案

使用SVG而不是画布可能更好（

Konva

）。

---

或者直接在画布上绘制图形，而不使用SVG。

我只想指出，如果Konva的维护人员想要实现这一点，因为画布规范要求他们必须实现一个SMIL js实现（比如），一个CSS动画的js实现（我不知道任何），为了使它能够顺利运行，svg-to-canvas方法解析器a la canvg。因此，转换成Konva动画需要一个晚上的工作，但手动将它们编码成Konva确实是最简单的解决方案。谢谢你的回答！