对于类似图形的图表，Canvas vs SVG

Canvas vs SVG for graph-like diagrams?

本文关键字：Canvas vs SVG 于类似图形更新时间：2023-09-26

我想创建web应用程序，这将能够建立思维导图。后端对我来说不是问题，但前端是:我不确定使用哪种技术。

App应该建立无限的图形，其中每个节点应该是可编辑的，并包含文本。

SVG!可无限缩放，在现代浏览器(包括Firefox 4及以上版本)中得到很好的支持，并且可以很好地处理文本。

我还会告诉你查看http://raphaeljs.com/使你的生活更轻松。

当涉及到动画时，沿着HTML5画布是诱人的，但如果你需要复杂的动画或需要更多的控制和质量，SVG是一种选择。

除了质量之外，HTML5画布中的其他缺点是在幕后，它是一个像素操作，你不会为每个对象获得DOM，这意味着你不能通过ID调用它们或单独操作它们。每一个小的变化都是重新绘制。

另一方面，SVG提供了DOM级别的控制，并由webkits支持

如果我必须在两者之间做出选择，我会选择canvas

这里有一个相关的问题会给你一个更全面的答案，但它得到了很好的支持，作为html5的一部分获得了动力，而且(如果它有区别的话)有很好的移动支持。

然而，我也想说它们是完全不同的，没有什么可以阻止你使用它们，因为它们当然可以很好地协同工作。