Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/432.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript iphone6上的html5画布无法正常缩放_Javascript_Css_Html_Html5 Canvas - Fatal编程技术网

Javascript iphone6上的html5画布无法正常缩放

Javascript iphone6上的html5画布无法正常缩放,javascript,css,html,html5-canvas,Javascript,Css,Html,Html5 Canvas,我有一个画布,里面播放视频,使用 画布css宽度填充其父级: css宽度=100% 宽度属性设置为视频维度: 宽度属性=1280 但是 在iphone6上,它报告说一切都设置为我想要的,但视频太大了 -->我只看到视频的左上角细节。 任何解决方案都值得赞赏 谢谢。 编辑 问题的原因似乎是缺少通过浏览器重新呈现via javascript更改的DOM -->每个代码/对象/属性都会按照预期的方式进行更改,但浏览器(在本例中为safari)不会在其显示的页面呈现中显示更改 不管怎样,这不

我有一个画布,里面播放视频,使用

画布css宽度填充其父级:
css宽度=100%
宽度属性设置为视频维度:
宽度属性=1280

但是
在iphone6上,它报告说一切都设置为我想要的,但视频太大了
-->我只看到视频的左上角细节。

任何解决方案都值得赞赏
谢谢。

编辑

问题的原因似乎是缺少通过浏览器重新呈现via javascript更改的DOM
-->每个代码/对象/属性都会按照预期的方式进行更改,但浏览器(在本例中为safari)不会在其显示的页面呈现中显示更改


不管怎样,这不是固定的,只是一个假设,我还在研究解决方案

画布的css宽度/高度必须设置为其他值,而不是100%。(如101%)

只有这样(在尝试了其他9种重画/重画方法之后)才能使Safari正确地渲染它。

这是否只发生在iPhone 6上,并且您是否在其他设备上进行过测试?在jsmpeg文档中,它在限制条件下说“MPEG视频的宽度必须是2的倍数”。普通iPhone6的宽度为375px(奇数)。我想知道这是否是问题所在?嗨,贾里德,事实上我们在其他iPhone上也看到过,但仅在safari中,而且在6上也一直如此。Android运行良好(到目前为止…),我认为“MPEG的宽度”只是指文件的实际宽度,而不是html元素;但这可能是解决方案方向上缺少的指针。。。!(查看…)视频宽度是2的倍数-因此不是问题…可能是视网膜的问题。尝试使你的画布高分辨率。有更多信息。