Html KineticJS是否支持SVG库？

我一直在考虑和作为我正在从事的项目的潜在解决方案，并且喜欢FabricJS对SVG的库级支持。然而，它缺乏缩放和平移功能，这让我想要更多。出于这个原因，我开始（再次）研究KineticJS

我在KineticJS文档中没有看到太多关于SVG支持的内容，我想知道是否有人可以告诉我KineticJS是否支持将SVG图像渲染作为其框架的一部分。我假设就KineticJS而言，SVG只是另一个图像，因此应该在框架中这样处理

---

另外，当我在线搜索有关SVG和画布的文章时，我会看到讨论SVG或画布的页面和文章。我不认为这两者是相互排斥的。

元素是否本机不支持SVG？

正如您所怀疑的，canvas和KineticJS都将SVG视为另一个图像。

是的，canvas元素可以使用其

drawImage

绘制svg图像

是的，您还可以将SVG图像加载到kineticJS中：

var stage = new Kinetic.Stage({
    container: 'container',
    width: 400,
    height: 400
});
var layer = new Kinetic.Layer();
stage.add(layer);

var img=new Image();
img.onload = function () {
    var image = new Kinetic.Image({
        image: img,
        x: 20,
        y: 20,
        width: 75,
        height: 75,
    });
    layer.add(image);
    layer.draw();

}
img.crossOrigin="anonymous";
img.src = "https://dl.dropboxusercontent.com/u/139992952/stackoverflow/rocket.svg";

另一方面,

---

FabricJS更支持操作SVG元素。

KineticJS通过路径形状支持SVG。以下是关于这方面的教程：

---

在下个月或以后，我们可能会支持放大结构so@kangax很酷，那我就去找。谢谢你的信息<代码>drawImage（）不是完全跨浏览器的。上次我测试时，Opera 12不支持它-我怀疑移动浏览器也可能有问题。感谢您提供有关跨浏览器支持问题的详细信息。我将把这个答案标记为已被接受，即使有那个警告，因为我认为它回答了我最初的问题。：）链接现在断开了。