楼主: 永辉法系
134 0

[休闲其它] 平铺图像时,需要用到Canvas的createPattern [推广有奖]

  • 0关注
  • 0粉丝

高中生

45%

还不是VIP/贵宾

-

威望
0
论坛币
0 个
通用积分
0
学术水平
0 点
热心指数
0 点
信用等级
0 点
经验
140 点
帖子
24
精华
0
在线时间
0 小时
注册时间
2019-6-12
最后登录
2019-6-12

永辉法系 发表于 2019-6-12 17:49:25 来自手机 |显示全部楼层
<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>

关键词:Pattern Create creat ATT Pat

您需要登录后才可以回帖 登录 | 我要注册

京ICP备16021002-2号 京B2-20170662号 京公网安备 11010802022788号 论坛法律顾问:王进律师 知识产权保护声明   免责及隐私声明

GMT+8, 2019-9-16 19:01