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无法正确缩放

回答

相关问题