Canvas、SVG、WebGL
Canvas
Canvas 通过 JavaScript 来绘制 2D 图形
逐像素进⾏渲染，依赖分辨率
⼀旦图形被绘制完成就不会继续得到浏览器的关注，如果其位置发⽣变化，整个场景也需要重新绘制，包括任何可能已被图形覆盖的对象不⽀持事件处理器
canvas动画
弱的⽂本渲染能⼒
能够以 .png 或 .jpg 格式保存结果图像
最适合图像密集型的游戏，其中的许多对象会被频繁重绘
SVG
SVG 是⼀种使⽤ XML 描述 2D 图形的语⾔
⽮量图，不依赖分辨率，难以表现⾊彩丰富的逼真图像效果
每个被绘制的图形均被视为对象，如果对象的属性发⽣变化，浏览器能够⾃动重现图形
⽀持事件处理器
最适合带有⼤型渲染区域的应⽤程序（⽐如⾕歌地图）
复杂度⾼会减慢渲染速度（任何过度使⽤ DOM 的应⽤都不快）
不适合游戏应⽤
WebGL
基于 Canvas 的 3D 框架，主要⽤来做 3D 展⽰、动画、游戏

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。