首页
学习
活动
专区
工具
TVP
发布
社区首页 >问答首页 >SVG与基于HTML5画布的图表

SVG与基于HTML5画布的图表
EN

Stack Overflow用户
提问于 2015-01-22 15:33:54
回答 1查看 13.6K关注 0票数 39

我必须使用python后端在浏览器上绘制图表(这在这里可能并不重要)。有许多像JQPlot,D3,Google Charts这样的库可以实现这一点。

但是如果你对它们进行分类,它们要么是基于HTML5画布的,要么是基于SVG的。这两种技术在各自的领域都很重要。但

代码语言:javascript
复制
for charting as a subject, shall I go with SVG based libraries or 
HTML5 Canvas based libraries. What are downside and benefits of 
both approaches. 

我之前没有任何图表方面的经验,也不想在我开始这个项目后碰壁。

EN

回答 1

Stack Overflow用户

发布于 2021-10-27 00:32:49

SVG是基于矢量的,免费为您提供可伸缩性,这样做的一个副作用是,它在高分辨率显示时清晰,打印时清晰。你可以通过画布以2倍的分辨率渲染和缩放画布来绕过这个问题,但这是一种半解决方案。

我认为SVG是一种现代的方式,也是向前发展的一种方式。

如果你担心渲染速度,如果你有许多节点,也要考虑如果你使用canvas,你基本上是在使用你自己的基于Javascript的渲染代码,它必须渲染那些相同的节点。你确实得到了只需要渲染一次的可预测性,但如果你只渲染一次,这也意味着你失去了缩放时重新渲染或做各种交互式事情的能力。如果性能有问题,您可以通过对数据进行二次采样、取移动平均值并每x行绘制一次等方式来简化SVG,这取决于您正在做什么。但是,我们谈论的是成千上万的节点,几乎没有任何影响。

如果你正在构建一个基于web的栅格图形编辑器,或者一些本质上基于栅格的东西,画布仍然有一席之地,但本质上,如果我们看的是图表,我们谈论的是本质上基于矢量的东西。

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/28083421

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档