关于图片onload事件兼容性处理, 谷歌浏览器版本 56.0.2896.3 (64-bit) 微信客户端浏览器 canvas篇

关于图片onload事件兼容性处理

阐述:

一个小demo,关于canvas 绘制 大转盘 和 指针,当同时各自添加onload事件指针图片突发性不显示.

兼容性问题-浏览器版本: 谷歌浏览器版本 56.0.2896.3 (64-bit) , 微信客户端浏览器(iphone6)

PC平台 :WIN10(64-bit)

代码实例

function runLottey(Elem) {
   
    // 1. 获取画布对象
    var context = Elem.getContext('2d')
    const WIDTH = Elem.width;
    const HEIGHT = Elem.height;
    // 2.绘制大转盘
    var as = new Image();
    as.src = "img/as.png";
    as.onload = function () {
   
        context.drawImage(as, 0, 0);
    };
    // 3.绘制指针
    var pin = new Image();
    pin.src = "img/pin.png"