canvas学习笔记（五）----图像

图片源：统一由CanvasImageSource类型引用

1.HTMLImageElement ：由Image（）函数构造出来，或者任何的<img>元素

2.HTMLVideoElement：用一个HTML的<video>元素作为图片源，可以从视频中抓取当前帧作为一个图像

3.HTMLCanvasElement：可以使用另一个<canvas>元素作为图片源

4.ImageBitmap：这是一个高性能的位图，可以低延迟地绘制，可以从上述的所有源以及其它几种源中生成

 

相同页面内图片引用

1.document.images集合

2.document.getElementByTagName()

3.document.getElementById()

 

使用其他域名下的图片

1.在HTMLImageElement上使用crossOrigin属性

 

使用其他canvas元素

1.document.getElementByTagName()

2.document.getElementById()

 

通过data:url方式嵌入图像

img.src="xxxxx"

 

步骤：

1.构建HTMLImageElement对象

var img = new Image();

img.src =