qq_38869088
qq_38869088
2017-05-31 00:44

yImg 预加载图片的宽高设置在createPattern()中不起作用

  • canvas 添加背景
  <body>
            <canvas id="draw" width="600px" heigth="600px"></canvas>
 <body>
//以下是引用JQ后的写法

    var yImg=new Image();
    yImg.onload=function(){
       draw(this);
    };
    yImg.style.width="200px"; //→没有生效
    yImg.style.height="200px";//→没有生效
    yImg.src="../image/01.gif";//图片原始尺寸是791px*341px

    var oGc=$("#draw").get(0).getContext("2d");
    function draw(obj){
        var bg=oGc.createPattern(obj,"repeat");
        oGc.fillStyle=bg;
        oGc.fillRect(0,0,400,400);
    }
        疑问:为什么yImg制定的属性“width:200px;height:200px;”没有生效?
  • 点赞
  • 回答
  • 收藏
  • 复制链接分享

1条回答

为你推荐

换一换