javascript - Canvas 在移动设备上不工作

Question

我基于Ionic Framework构建了一个应用程序，并使用 Canvas 进行图像裁剪。它在浏览器中运行良好:

但是我发现在手机上运行时不起作用:

有人知道为什么吗？

Answer 1

不知道为什么它不起作用，但人们已经用 Angular 制作了一些很棒的图像裁剪模块，可以工作。我在公司应用程序中使用 on 来协助文档扫描。这是我用过的，效果完美，你可以选择你的裁剪形状、大小等。在这里获取:https://github.com/jodonnell-broadsoft/JsImageCrop代码如下所示:

                <div class="item item-image cropArea">
                    <img-Crop image="image.uncropped" result-image="image.cropped" result-image-format="image/png" area-type="rectangle" on-change="console.log($scope.image.cropped)">

                    </img-Crop>
                </div>

以及手机的外观: