javascript - Canvas drawImage,在 fiddle 中有效,但在 chrome 中无效

标签 javascript canvas drawimage

所以我正在编写一个脚本来打印一些图 block ,到目前为止它应该只在左上角绘制一个图 block 。它在 JSfiddle 中运行良好,我在下面链接了它,但在 chrome 中则不然。

如果我进入 Chrome 控制台并输入 initalRoom.tileGrid[1].tileImage.drawClipped(0,0,32,32,0,0);它给出了所需的结果,其中图 block 出现在左上角,但在文档准备好时已经调用了此命令。

有谁能帮忙吗?谢谢。

JSfiddle example

最佳答案

我去年学习了 JS 类(class),我发现在 canvas 中 chrome 落后于 FireFox 等其他浏览器,尝试使用 Firefox 看看你的代码是否有效。

关于javascript - Canvas drawImage,在 fiddle 中有效,但在 chrome 中无效,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/34214508/

相关文章:

javascript - 如何修复或摆脱 ASP.NET Razor 应用程序中的 ESLint 定义要求?

php - Magento 管理表单搜索/重置过滤器重定向到仪表板

javascript - 为什么 shift() 对一个数组起作用,但对另一个数组不起作用,除非一般应用于另一个数组

javascript - Canvas 上的清除功能无法正常工作

javascript - JQuery Canvas drawImage() 不工作

javascript - canvas.drawImage 使裁剪后的图像不成比例

javascript - 如何将 JS 数组转换为 VB 脚本数组(二维数组)

javascript - 让 Canvas 填满整个页面

javascript - 带有填充的 FabricJs Canvas 对象在调整大小时消失

绘制图像时 Java Headless 异常