我已经尝试了关于StackOverflow的几乎所有与此相关的建议,包括:
- 直接从源代码加载图像
- 等待图像加载到画布上
- 在尝试在画布上绘制图像之前,先使用image.complete验证图像是否已加载
- 将代码放入$(document).ready
中
- 将代码放在$()。ready下
- 加载图像后将drawImage函数延迟几秒钟
- 在drawImage之前引发警报
- 确保在调用drawImage时图像可见
- 使用base64值代替图像元素
- 使用image.onload
- 使用addEventListener代替image.onload
即使如此,context.drawImage也会间歇性地失败,从而导致空白画布
尽管付出了所有努力,但我无法重现失败。绝对是断断续续的。
是否有一种方法可以通过编程找出drawImage函数是否失败?
另外,有没有更可靠的方法可以在画布上绘制图像?