iphone6上的html5-canvas无法正确缩放

时间:2015-07-22 02:29:50

标签: javascript html css html5 html5-canvas

我有一个使用phoboslab/jsmpeg播放视频的画布;

canvas css-width填充其父级:
    css-width = 100%
width-attribute设置为视频维度:
    width-attribute = 1280


在iphone6上,它报告所有内容都按照我的意愿设置,但视频太大了 - >我只看到视频的左上角细节
任何解决方案都非常感谢!
谢谢。

修改

似乎问题的原因是缺少通过浏览器重新呈现通过javascript更改的DOM - >每个代码/对象/属性都会发生变化,但浏览器(在本例中为:safari)不会显示其显示的页面渲染的变化

无论如何,这不是解决方案,只是一个假设,我仍在研究解决方案。 。

1 个答案:

答案 0 :(得分:1)

画布的css-width / -height必须设置为100%以外的其他值。 (例如101%)
只有这一点(在尝试重绘/重绘的其他9种方法之后)诱导Safari正确渲染它。