當我在本地服務器上做一個網站時，我遇到了一個問題：
問題所在
在Codepen上有一個模態，這個問題只發生在編輯器視圖中--影像B。[codepen](
正常行為：當在細節視圖中使用模版上的縮放滑塊時，影像會從中央開始轉換。
錯誤：然而，在編輯器視圖中，影像從一個角落開始轉換。這在某種程度上導致了在點擊crop按鈕時，上傳的影像是黑色的。
有時（取決于應用的縮放量），而不是一個黑色的影像：
- 只有影像的左側被上傳，而右側被切斷 切斷；或者
- 上傳的影像被放大到了角落里。
即使沒有應用縮放，仍然存在錯位現象。
環境
從我目前的測驗來看，這個問題并沒有發生在移動瀏覽器上（盡管我只用 Google Chrome 和 Mozilla Firefox 進行了測驗）。我注意到這個問題發生在 Windows 7 和 10 的臺式機上（我還沒有在其他作業系統上進行測驗）。錯誤出現
Windows 10: Google Chrome和Microsoft Edge沒有錯誤
到目前為止我所做的努力
我曾嘗試除錯croppie.css和croppie.js檔案，但沒有結果。然而，我強烈懷疑問題出在js檔案上。它可能與css transform-origin屬性或用于獲取影像尺寸的函式在模態上回傳不同的值有關。有沒有人知道這個問題的原因是什么？uj5u.com熱心網友回復：
似乎是bootstrap在觸發modal('show')時應用到外部modal div的額外padding導致了這個問題，至少對我來說是這樣。一旦我洗掉了額外的padding，問題就解決了。似乎在裁剪或移動視口時，這個填充物在某種程度上擾亂了點的計算。不過我使用的還是舊的bootstrap版本，所以我不確定這是否是對新版本的修復。
我在 Chrome 瀏覽器上遇到了這個問題，可能是由于他們的最后一次更新造成的，因為一段時間以來一切都很正常。在Mozilla上，一開始就沒有任何問題。
uj5u.com熱心網友回復：
在最新的Chrome瀏覽器上，當在模態中使用croppie時，出現了這個問題。 幫助我改變了bootstrap modal .modal-dialog類中的樣式。 影像
將轉換設定為unset，而不是使用translate函式。
希望它也能幫助你
。轉載請註明出處，本文鏈接：https://www.uj5u.com/yidong/309069.html
標籤：
上一篇：教你在“狼人殺”中實作變聲效果