zoukankan      html  css  js  c++  java
  • canvas图像绘制过程中的注意

    特别来记录一下canvas绘制图像,要在图片加载完后,才会将其显示在canvas画布之上,否则会显示不出来;深刻体会,愣是找不到问题。。。

    var c=document.getElementById("cvs");
        var ctx=c.getContext("2d");
        var imgX = 10;
        var imgY = 10;
        
        var img = new Image();
        img.src = 'images/icon.png';
    
        // 待图片加载完后,将其显示在canvas上
        img.onload = function(){  //onload必须使用
            var ctx=c.getContext("2d");
            ctx.drawImage(this,10,10);
        }

    要在图片加载完成之后,图片加载完成之后。。。

  • 相关阅读:
    z-index优先级小结
    如何消除img间的默认间隙
    text-align和vertical-align
    HTTP
    HTTP
    HTTP
    HTTP
    ES6标准入门
    ES6标准入门
    ES6标准入门
  • 原文地址:https://www.cnblogs.com/layaling/p/9224436.html
Copyright © 2011-2022 走看看