大佬教程收集整理的这篇文章主要介绍了SVG与HTML5 Canvas中的图表,大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
SVG和HTML5 Canvas似乎都能够做到这一点,所以我想知道什么是最好的.
我也不想重新发明轮子,所以如果有图书馆做我想知道的事情;我看了一下Raphaël和其他一些JavaScript绘图库,但是它们没有提供我需要的所有功能.在谷歌的API中有这样一个工具,但它非常有限.
相比之下,HTML5 Canvas是一种非保留模式(也称为立即模式)绘图API;您绘制的每个像素都与画布上的所有其他像素混合,没有原始形状的概念.此外,作为基于栅格的格式,您需要做一些额外的工作来使绘图命令针对不同的显示尺寸进行调整.
通常,当且仅当您需要时,才应使用Canvas:
>直接设置像素(例如模糊,闪光效果),或
>直接获取像素(例如,读取用户的图形以保存为PNG,sampling portions of the image to detect visual overlaps),或
>大量的’对象’不会移动太多或跟踪单个事件(SVG可能很慢重绘数千个对象).
另请注意,您不必只选择其中一个.你可以在画布上绘制SVG.您可以在SVG中包含位图(图像).您甚至可以通过< foreignElement>在SVG中包含HTML5 Canvas.您可以拥有一个包含多个分层画布的HTML页面和具有透明背景的SVG元素,并将每个元素的输出混合在一起.
以上是大佬教程为你收集整理的SVG与HTML5 Canvas中的图表全部内容,希望文章能够帮你解决SVG与HTML5 Canvas中的图表所遇到的程序开发问题。
如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。
本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。