龙空技术网

Canvas与SVG的关系是什么

一点网 170

前言:

此刻咱们对“html canvas svg”大体比较重视,姐妹们都想要了解一些“html canvas svg”的相关知识。那么小编同时在网络上收集了一些关于“html canvas svg””的相关知识,希望朋友们能喜欢,看官们快快来学习一下吧!

开发者必须清楚SVG技术和Canvas是不同的。SVG是基于XML的图形矢量显示技术,可以将其与CSS混搭使用,也可以使用SVG DOM动态向其添加行为。而Canvas则允许使用JavaScript去绘制各种图像和图形,下面是一些Canvas胜过svg的优点。

Canvas在绘制复杂图像时,绘画速度比SVG快不少。可以保存Canvas绘制的图像,但SVG不能直接使用浏览器的保存功能保存。在Canvas中所有东西都以像素形式存在。SvG需要在浏览器中使用插件显示。但要同时注意到,SVG也有自身的优势,如下:svG的图形解析分辨率能适应不同大小尺寸。SVG由于使用XML,因此能定义很多不同的目标元素。SvG能绘制很复杂的动画效果。那如何选择呢?

建议如果网站的图像对分辨率要求高(矢量图要求),那么选择SVG,如果应用的是网页游戏等对速度要求相应高的,也不想过多跟XML打交道的话,则选用Canvas。

标签: #html canvas svg