html绘制位图,Canvas 绘制位图图像 ImageBitmap

在 Canvas 图像来源 CanvasImageSource 章节中我们有提到可以使用 ImageBitmap 作为 drawImage() 的图像来源

ImageBitmap

ImageBitmap 是什么呢？

ImageBitmap 是一个高性能的位图，可以低延迟地绘制，它可以从前几章节中学到的所有源以及其它几种源中生成

什么意思呢？

也就是说，ImageBitmap 可以从一张图片，比如 png,jpg,gif 中生成，也可以从 ,, 中生成

简直就是 海纳百川，有容波大 啊

那它到底是怎么生成的呢？

ImageBitmap 使用 createImageBitmap() 工厂方法模式，从多种源中生成

createImageBitmap() 方法

createImageBitmap() 方法是 window 对象的一个方法

不过这个方法很坑，很多浏览器不支持

Yes

不支持

49+

不支持

基本属性

createImageBitmap 接受各种不同的图像来源, 并返回一个 Promise,

语法

createImageBitmap(image[, options]).then(function(response) { ... });

createImageBitmap(image, sx, sy, sw, sh[, options]).then(function(response) { ... });

参数

说明

image

一个图像源

sx