平铺图像时，需要用到Canvas的createPattern

是 否 +2 论坛币

k人 参与回答

经管之家送您一份

应届毕业生专属福利!

求职就业群

赵安豆老师微信：zhaoandou666

经管之家联合CDA

送您一个全额奖学金名额~ !

立即领取

感谢您参与论坛问题回答

经管之家送您两个论坛币！

+2 论坛币

<span style="color:#333333;">使用图像</span><br>
<span style="color:#0000FF;"><b>插入图像</b></span><span style="color:#333333;"></span>
<div align="left"  ><blockquote>使用drawImage函数直接在指定位置插入图像<br>
var img = new Image();<br>
img.src = "img01.png";<br>
img.onload=function(){<br>
  ctx.drawImage(img,0,0);<br>
};
onload事件会在图像或页面加载完成后立即发生（这个例子是解决页面加载和刷新时不显示图像的问题）<br>

</blockquote>
</div><br>
<span style="color:#333333;">平铺图像</span>
<div align="left"  ><blockquote>绘制平铺图像时，需要用到Canvas的createPattern函数（两个参数，第一个参数为平铺的图像，第二个参数确定以哪种方式进行平铺，可选为repeat水平和垂直方向的平铺；repeat-x水平方向重复；repeat-y垂直方向重复；no-repeat不重复）<br>
完整代码：<br>

</blockquote>
</div><br>

扫码加我 拉你入群

请注明：姓名-公司-职位

以便审核进群资格，未注明则拒绝

分享0 收藏0 回帖

关键词：Pattern Create creat ATT Pat