畫布在移動設備中不起作用

Question

我基於Ionic Framework構建了一個應用程序，並使用畫布進行圖像裁剪。 在瀏覽器中效果很好：

但是我發現在手機上運行時它不起作用：

有人知道為什么嗎？

Answer 1

不知道為什么它不起作用，但是人們已經制作了一些很棒的圖像裁剪模塊，它們確實起作用了。 我在公司應用程序中使用來協助文檔掃描。 這是我使用的一種，它可以完美地工作，您可以選擇作物的形狀，大小等。 在這里獲取它： 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>

以及一部手機的外觀：