iphone5上的html5-canvas無法正確縮放

我有一個使用phoboslab/jsmpeg播放視頻的畫布;

畫布CSS-寬度填充其父：
CSS-寬度= 100％
和寬度屬性被設置爲視頻維度：
寬度屬性= 1280

BUT
在iphone6上，它報告一切都按我的意思設置，但視頻太大
- >我只能看到視頻的左上角細節。

任何解決方案，非常感謝！
謝謝。

編輯

看來，問題的原因是缺少的通過javascript通過瀏覽器改變DOM重新渲染
- >每個代碼/對象/屬性更改爲它應該會發生，但瀏覽器（在這種情況下：Safari瀏覽器）並沒有顯示頁面顯示的變化，無論如何，這是沒有解決，只是一個假設，我仍在研究解決方案。。。iphone5上的html5-canvas無法正確縮放

來源

2015-07-22 MaxBoehme

這是否僅在iPhone 6上發生，並且您是否在其他設備上進行過測試？在jsmpeg文檔中，它在「限制」中表示「MPEG視頻的寬度必須是2的倍數」。普通iPhone 6的寬度是375px（奇數）。我想知道這是否是問題？ – Jared

嗨Jared，其實我們已經看到它在其他iPhone上，但只在Safari瀏覽器中，只有如此堅持6.安卓工作正常（迄今爲止...）我認爲與'寬度的MPEG'是隻表示文件的實際寬度，而不是html元素;但這可能是解決方案中缺失的指針......！（檢查出來......） – MaxBoehme

視頻寬度是2的倍數 - 因此不是問題... – MaxBoehme

畫布的css-width/-height必須設置爲其他值，而不是100％。（例如101％）
只有這樣（嘗試了其他9種重繪/重繪方法之後）纔會使Safari正確渲染它。

來源

2015-08-05 03:22:36 MaxBoehme

iphone5上的html5-canvas無法正確縮放

回答

相關問題