代码如下：

JavaScript Code

var img = new Image();    //建设Image工具   

img.src = "8-1.jpg";    //为Image工具指定图片源  

扩展：HTML中的相对路径
'./目次或文件名' 可能 '目次或文件名' 是指当前操纵的文件地址目次的路径
'../目次或文件名' 是指当前所操纵的文件地址目次的上一级目次的路径

之后添补纹理：

JavaScript Code

var pattern = context.createPattern(img,"repeat");   

context.fillStyle = pattern;  

我们直接看一段完备的措施，这里我要一再添补这个萌萌的长颈鹿作为纹理。必要留意的是，选择图片时必然要选择那种阁下互通，上下互通的图片做为纹理，这样看上去才不会有不天然的短接处。

下面提供代码。

JavaScript Code

运行功效：

这里行使了Image的onload变乱，它的浸染是对图片举办预加载处理赏罚，即在图片加载完成后才当即除非厥后function的代码体。这个是必需的，假如不写的话，画布将会表现黑屏。由于没有守候图片加载完成绩添补纹理，导致赏识器找不到图片。
这里行使了"repeat"，童鞋们也可实行行使一下其他三个值，看看会有什么差异的结果。也可以本身找一下其他的图片实行添补，看看结果。

本文地址：
转载请注明出处。