V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
Dive into HTML5
http://diveintohtml5.org/
strom001
V2EX  ›  HTML

createPattern()不成功

  •  1
     
  •   strom001 · 2015-02-25 07:11:19 +08:00 · 3793 次点击
    这是一个创建于 3320 天前的主题,其中的信息可能已经有所发展或是发生改变。

    var canvas = document.getElementById("canvas");
    var context = canvas.getContext('2d');
    var img= new Image();
    img.src='lamp.gif';

    var pattern = context.createPattern(img,'repeat');

    context.clearRect(0,0,canvas.width,canvas.height);
    context.fillStyle = pattern;
    context.fillRect(0,0,canvas.width,canvas.height);
    context.fill();

    结果是黑块,
    createPattern直接写图片路径为啥不行

    3 条回复    2015-02-26 07:10:30 +08:00
    wovfeng
        1
    wovfeng  
       2015-02-25 08:20:48 +08:00 via iPhone
    这里需要图片加载完的吧 把你下面的代码写到 img.onload 里面试试?
    strom001
        2
    strom001  
    OP
       2015-02-26 07:09:11 +08:00
    @wovfeng 不管用呢。昨天我在html里加了个<img>成功显示了 ,今天再试又不行了。
    现在加了<img>,然后用complete?alert(“不行”):(img.onload的部分);
    这样做还是不行,弹出不行。如果不加<img>,连弹都不弹
    safari
    strom001
        3
    strom001  
    OP
       2015-02-26 07:10:30 +08:00
    complete删了,这是现在的
    var canvas = document.getElementById("canvas");
    var context = canvas.getContext('2d');
    var pattern = context.createPattern(img, 'repeat');
    var img= new Image();
    img.src='lamp.gif';
    img.conload=function() {
    context.clearRect(0, 0, canvas.width, canvas.height);
    context.fillStyle = pattern;
    context.fillRect(0, 0, canvas.width, canvas.height);
    context.fill();
    };
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   我们的愿景   ·   实用小工具   ·   2745 人在线   最高记录 6543   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 30ms · UTC 12:24 · PVG 20:24 · LAX 05:24 · JFK 08:24
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.