canvas一段背景色鼠标移入后
发布网友
发布时间：2022-12-22 21:49
共1个回答
热心网友
时间：2024-12-15 04:29
SVG、Canvas 都可以使用脚本语言来实现动画
SVG 本质上是使用XML描述2D图形的语言（矢量图），SVG创建的每一个元素都是一个独立的DOM元素，既然是独立的DOM元素，那表示我们可以通过CSS和JS来控制DOM，也可以对每一个DOM元素进行监听，但由于都是DOM元素，所以如果我们修改了SVG中的DOM元素，浏览器就会自动进行DOM重绘
Canvas通过Javascript来绘制2D图形（位图），而Canvas只是一个HTML元素，其中的图形不会单独创建DOM元素，所以我们无法通过Js来操作Canvas内的图形，也无法监听具体图形
WebGL 用于3D展示、动画、游戏，说白了就是基于Canvas的3D框架
Canvas、SVG适用场景
Canvas 适用于位图，高数据量绘制频率的场景，小游戏，小特效，绘制图表、活动页面、炫酷背景
SVG 适用于矢量图，低数据量绘制频率的场景，如图形图表
