Canvas：
-
依赖分辨率
-
不支持事件处理器
-
弱的文本渲染能力
-
能够以 .png 或 .jpg 格式保存结果图像
-
最适合图像密集型的游戏，其中的许多对象会被频繁重绘
SVG：
-
不依赖分辨率
-
支持事件处理器
-
最适合带有大型渲染区域的应用程序（比如谷歌地图）
-
复杂度高会减慢渲染速度（任何过度使用 DOM 的应用都不快）
-
不适合游戏应用
依赖分辨率
不支持事件处理器
弱的文本渲染能力
能够以 .png 或 .jpg 格式保存结果图像
最适合图像密集型的游戏，其中的许多对象会被频繁重绘
不依赖分辨率
支持事件处理器
最适合带有大型渲染区域的应用程序（比如谷歌地图）
复杂度高会减慢渲染速度（任何过度使用 DOM 的应用都不快）
不适合游戏应用
Canvas： 依赖分辨率 不支持事件处理器 弱的文本渲染能力 能够以 .png 或 .jpg 格式保存结果图像 ...
SVG svg和canvas的区别 svg绘制的是矢量图， canvas绘制的是位图 svg使用XML来绘制图片，...
SVG svg与canvas的区别 canvas绘制的是位图， svg绘制的是矢量图 canvas使用Ja...
1.highchart和echart比较 highchart是基于svg技术的，而echart是基于canvas技...
一、canvas和svg的区别 svg绘制出来的图形，每个元素都是一个dom节点，方便绑定事件和方法，canvas...
Canvas与SVG 前端图形化技术，主要包括Canvas绘图和SVG绘图两类。 Canvas早在十几年前就被火狐...
canvas和SVG的区别：canvas使用它提供的方法来绘图，绘图API简洁。SVG通过构建XML元素数绘图，对...
关于SVG和CANVAS，下面陈述正确的有?A.SVG做动画性能要优于CANVASB.CANVAS做动画性能要优于...
Canvas和SVG Canvas 通过Javascript 来绘制 2D 图形。Canvas 是逐像素进行渲染的...
思路：（svg => canvas => png） 把svg作为dataurl放在image 创建一个canvas...
本文标题：SVG和canvas的比较
本文链接：https://www.haomeiwen.com/subject/encpmttx.html
网友评论