博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
canvas绘制多张图其中有空白或绘制不成功的问题
阅读量:7104 次
发布时间:2019-06-28

本文共 507 字,大约阅读时间需要 1 分钟。

一般来说 绘制很多张图片 中间有几张没画出来 通常就是没load得原因,具体如下:

let arr = ['img1','img2','img3'];let Canvas = document.createElement('canvas');ctx = Canvas.getContext("2d");let {W, H} = {100, 200};let scaleBy = 2;arr.forEach(e => {    let bgImg = document.creatElement('img');    bgImg.src = e;    bgImg.onload = () => {        ctx.drawImage(bgImg, 0, 0, W * scaleBy, H * scaleBy);                let newImg = document.createElement('img');        newImg.src = Canvas.toDataURL();        document.body.appendChild(newImg);    }})

转载地址:http://ozuhl.baihongyu.com/

你可能感兴趣的文章
appium框架之bootstrap
查看>>
selenium 定制启动 chrome 的选项
查看>>
《AlwaysRun!团队》第四次作业:项目需求调研与分析
查看>>
Render2
查看>>
哈夫曼树算法及C++实现
查看>>
Dubbo(二) —— dubbo配置
查看>>
Lumia920价格
查看>>
步步为营 .NET 代码重构学习笔记 七
查看>>
系统移植总结
查看>>
NET使用了UpdatePanel后如何弹出对话框!
查看>>
cJSON学习笔记
查看>>
常用的正则表达式
查看>>
CSS块级元素、内联元素概念
查看>>
Ubuntu关闭进入screensaver模式
查看>>
android体系结构
查看>>
Ubuntu安装 和 python开发
查看>>
「洛谷P3931」 SAC E#1 - 一道难题 Tree
查看>>
C#压缩库SharpZipLib的应用
查看>>
C# Type
查看>>
我的博客地址和github地址
查看>>