选择SVG或canvas的情况

  我们应该将上海网站建设网之前有介绍过的两种图像类函数视为相互补充而非相互矛盾的,因为在网络图形方面,它们扮演了不同的角色,读者可以在自己的网站上同时使用这两种类函数,而并非只能选择使用其中一种.

  SVG优于canvas的地方在于其可缩放性,这个特性适合任何屏幕,而不用考虑屏幕的尺寸或分辨率.由于SVG在DOM中创建了新元素,所以它在与JavaScript交互和使用JavaScript操纵方面非常有效,另外,通过为新创建的项目添加可选择的文本和备用文本,用户可以很容易地访问SVG.在标志,图标以及交互较长表和图形方面,SVG是个不错的选择.

  canvas以位图为基础,所以它在绽放处理方面没有SVG那么合适. canvas不允许JavaScript使用其本身之外的任何API来进行外部操纵,另外,目前它几乎没有无访问能力的特性,尽管改善其特性的工作正在进行中.canvas最适用于图像操纵,并且由于它不访问DOM,所以对于在网页上四处并快速移动多个项目,canvas的性能非常好,这使得其作用更加突出.

  以上两种类函数都有各自的公优缺点,并且对于多个使用目的来说,它们中的每一个都十分合适,所以我的建议是用户应该仔细考虑其需要解决的问题并测试每一种解决方案.以查看哪一咱更适用于实际情况.