qq_38869088 2017-05-31 00:44 采纳率: 0%
浏览 1389

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

  <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条回答 默认 最新

  • Rattenking Python领域优质创作者 2017-05-31 03:14
    关注

    canvas图片设置宽高是在画图中设置，你在图片加载设置和canvas画图的宽高是没有联系的。你要想画出来的宽高是200*200，就要在画图过程中设置。
    1、你现在设置的宽高和画布中要绘画的图片快高是没有关系的，画布中图片宽高需要在画布中设置。
    2、你需要画布中图的宽高为200*200，需要在画布中设置。

    评论

报告相同问题？

悬赏问题

  • ¥15 安卓adb backup备份应用数据失败
  • ¥15 eclipse运行项目时遇到的问题
  • ¥15 关于#c##的问题：最近需要用CAT工具Trados进行一些开发
  • ¥15 南大pa1 小游戏没有界面，并且报了如下错误，尝试过换显卡驱动，但是好像不行
  • ¥15 没有证书，nginx怎么反向代理到只能接受https的公网网站
  • ¥50 成都蓉城足球俱乐部小程序抢票
  • ¥15 yolov7训练自己的数据集
  • ¥15 esp8266与51单片机连接问题(标签-单片机|关键词-串口)（相关搜索：51单片机|单片机|测试代码）
  • ¥15 电力市场出清matlab yalmip kkt 双层优化问题
  • ¥30 ros小车路径规划实现不了，如何解决？(操作系统-ubuntu)