canvas设置repeat

canvas设置repeat

  1. 方法文章来源地址https://www.yii666.com/article/756225.html文章地址https://www.yii666.com/article/756225.html

    ctx.createPattern(img, 'repeat'); 
    
    repeat
    repeat-x
    repeat-y
    no-repeat
  2. 重复图片网址:yii666.com<网址:yii666.com文章来源地址:https://www.yii666.com/article/756225.html

    canvas设置repeat

    const canvas = document.getElementById('canvas');
    const ctx = canvas.getContext('2d'); var img = new Image();
    img.src = 'http://thyrsi.com/t6/668/1549693913x2890173891.png';
    img.onload = function() {
    var ptrn = ctx.createPattern(img, 'repeat');
    ctx.fillStyle = ptrn;
    ctx.fillRect(0, 0, 900, 700);
    }

版权声明:本文内容来源于网络,版权归原作者所有,此博客不拥有其著作权,亦不承担相应法律责任。文本页已经标记具体来源原文地址,请点击原文查看来源网址,站内文章以及资源内容站长不承诺其正确性,如侵犯了您的权益,请联系站长如有侵权请联系站长,将立刻删除

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

微信图片_20190322181744_03.jpg

微信扫一扫打赏

请作者喝杯咖啡吧~

支付宝扫一扫领取红包,优惠每天领

二维码1

zhifubaohongbao.png

二维码2

zhifubaohongbao2.png