CamanJS-移动-空白画布

Question

问

CamanJS-移动-空白画布

川大蛋炒饭-_246 发布于 2023-02-09 09:59

我在移动设备（例如iPad和iPhone的Safari / Chrome）上运行CamanJS脚本时遇到问题，而且我已经尝试了好几天了。

测试脚本非常简单：1）接受浏览器选择的图像文件2）使用FileData获取图像源，然后将其绘制到画布中，然后实例化Caman（“＃sample”）对象3）运行一些过滤器（在该图像的onLoad，或通过单击按钮手动进行）

它在所有桌面浏览器上都可以正常工作，并且过滤器也已成功应用，但是当我在iOS Safari等移动设备上尝试使用该实例时，当我尝试实例化Caman对象时，我现有的画布#sample变为空白并恢复为原始状态canvas默认的背景颜色，完全不加载任何图像。我尝试在画布上绘制图像，图像onLoad或在成功绘制画布图像后按需实例化Caman对象，但是最终结果仍然相同-画布变为空白。

以下是我的示例代码，有人可以建议吗？多谢您的协助。












Test Process

Asrar.. 5

我遇到了同样的问题：在Mac上可以在Chrome和Safari上运行，但在运行iOS7的iPhone 5s上不能在Chrome或Safari上运行。我通过在我的canvas标签中添加了data-caman-hidpi-disabled属性来解决。

尝试这个：

根据CamanJS网站：

如果检测到HiDPI显示，则CamanJS会自动切换到HiDPI版本（如果可用），除非您使用data-caman-hidpi-disabled属性强制禁用它。

http://camanjs.com/guides/#BasicUsage

1 个回答

我遇到了同样的问题：在Mac上可以在Chrome和Safari上运行，但在运行iOS7的iPhone 5s上不能在Chrome或Safari上运行。我通过在我的canvas标签中添加了data-caman-hidpi-disabled属性来解决。

尝试这个：
```
<canvas id="sample" true"></canvas>
```
根据CamanJS网站：

如果检测到HiDPI显示，则CamanJS会自动切换到HiDPI版本（如果可用），除非您使用data-caman-hidpi-disabled属性强制禁用它。

http://camanjs.com/guides/#BasicUsage
2023-02-09 10:02 回答

Annia000

撰写答案