Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/88.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
Javascript 图形化图表的画布与SVG?_Javascript_Html_Svg_Html5 Canvas - Fatal编程技术网

Javascript 图形化图表的画布与SVG?

Javascript 图形化图表的画布与SVG?,javascript,html,svg,html5-canvas,Javascript,Html,Svg,Html5 Canvas,我想创建一个能够构建思维导图的网络应用程序。 后端对我来说不是问题,但前端是:我不确定使用哪种技术 应用程序应该构建无限的图形,其中每个节点都应该是可编辑的,并且包含文本。SVG!无限可缩放,在现代浏览器(包括Firefox 4和更高版本)中得到很好的支持,并且可以很好地处理文本。如果必须在两者之间进行选择,我会选择canvas 有一个相关的问题会给你一个更全面的答案,但它得到了巨大的支持,作为html5的一部分获得了动力,而且(如果它有区别的话)有很好的移动支持 但是我也要说,它们是完全不同的

我想创建一个能够构建思维导图的网络应用程序。 后端对我来说不是问题,但前端是:我不确定使用哪种技术


应用程序应该构建无限的图形,其中每个节点都应该是可编辑的,并且包含文本。

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

如果必须在两者之间进行选择,我会选择canvas

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


但是我也要说,它们是完全不同的,没有什么可以阻止你同时使用它们,因为它们可以很好地协同工作

我还想告诉你,检查能让你的生活更轻松

当涉及到动画时,很容易使用HTML5画布,但是如果您需要复杂的动画或者需要更多的控制和质量,SVG就是一种选择

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


另一方面,SVG提供了DOM级别的控制,并受到webkits的支持。此外,它在移动设备上得到了很好的支持,渲染效果也非常好。向量ftw!但是使用SVG库。。。直接编写SVG输出是一个巨大的痛苦!这并非100%正确,SVG在大多数Android设备上都不可用。版本2.2及更低版本。不幸的是,目前帆布是更好的选择。