<body> <div id="canvas"></div> <script> const canvas = document.createElement('canvas'); const size = 200; canvas.width = size; canvas.height = size; let context = canvas.getContext('2d'); let IMG = new Image(); IMG.src = './Mask.png'; IMG.onload = function() { context.drawImage(IMG, 0, 0); } const url = canvas.toDataURL('image/png'); document.getElementById('canvas').innerHTML = `<img src=${url} />` </script> </body>没有报错，但就是显示不出来图片
1 回答
qq_笑_17
TA贡献1818条经验 获得超7个赞
最后两句写到onload里面啦~加载图片是要时间的~而JS又不是同步执行的~
IMG.onload = function() {
context.drawImage(IMG, 0, 0);
const url = canvas.toDataURL('image/png');
document.getElementById('canvas').innerHTML = `<img src=${url} />`;
}
添加回答
举报
0/150
提交
取消