【问题标题】:createImageBitmap with resize: doesn't work on Chrome?调整大小的 createImageBitmap:在 Chrome 上不起作用?
【发布时间】:2017-04-19 15:43:36
【问题描述】:

查看 createImageBitmap 的 MDN 页面,它指出 Chrome 从 52 开始支持 options 参数。但是在使用 Chrome 57 进行测试时,我似乎无法让 resizeWidthresizeHeight 选项起作用。我在这里运行了一个演示:

https://codepen.io/anon/pen/YVwrXN

根据我的理解,我提供的最终应该是一个图像位图,其大小是原始图像的一半,被绘制到画布标签,但它似乎是全尺寸(我知道我可以在 drawImage() 中重新缩放但这不是我在这里寻找的)。我在实现它时发现了一些Chromium notes,听起来它应该可以工作,所以我想知道我是否做错了什么。

【问题讨论】:

    标签: javascript google-chrome canvas


    【解决方案1】:

    截至今天,(在 chrome 60 canary 和 stable 57 上)您仍然需要在 chrome://flags 中设置 Experimental canvas features 标志。

    我同意 MDN 页面应该说明这一点。


    2021 年编辑:
    Chrome 现在本机支持此功能。但其他浏览器仍然不支持(Safari 根本不支持 API)。如果您在跨浏览器项目中需要此功能,我写了一个createImageBitmap monkey-patch,它在所有浏览器中都启用了此功能。

    【讨论】:

    • 您好,我启用了“加速 2D 画布”、“启用像素画布录制”、“使用视图显示自动填充下拉菜单”,这就是搜索“画布”对应的所有功能。当我查看codepen.io/anon/pen/YVwrXN?editors=1111 时,第二张图片的大小仍然与第一张相同,应该是一半。我的 Chrome 版本是:版本 69.0.3497.100(官方构建)(64 位)我错过了什么吗?
    • @CedricArnould 他们确实将 experimetal 画布功能转移到了实验性 Web 功能中。我应该更新答案,感谢您的提醒。
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 2015-10-22
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2014-11-14
    相关资源
    最近更新 更多