html5-canvas on iphone6 无法正确缩放
html5-canvas on iphone6 does not scale properly
我有一个 canvas 可以在里面播放视频,使用 phoboslab/jsmpeg;
canvas css-宽度填充其父级:
css-宽度=100%
宽度属性设置为视频尺寸:
宽度属性 = 1280
但是
在 iphone6 上,它报告说一切都按照我的意愿进行了设置,但是视频太大了
--> 我只看到视频左上角的细节
非常感谢任何解决方案!
谢谢。
编辑
看来问题的原因是 缺少 通过浏览器 javascript 更改 DOM 重新呈现
--> 每个 code/object/property 都会按预期发生更改,但浏览器(在本例中为 safari)不会在其显示的页面渲染中显示更改
无论如何,这不是解决办法,只是一个假设,我仍在研究解决方案。 . .
canvas 的 css-width/-height 必须设置为与 100% 不同的值。 (例如 101%)
只有这样(在尝试 redraw/repaint 的其他 9 种方法之后)才能使 Safari 正确呈现它。
我有一个 canvas 可以在里面播放视频,使用 phoboslab/jsmpeg;
canvas css-宽度填充其父级:
css-宽度=100%
宽度属性设置为视频尺寸:
宽度属性 = 1280
但是
在 iphone6 上,它报告说一切都按照我的意愿进行了设置,但是视频太大了
--> 我只看到视频左上角的细节
非常感谢任何解决方案!
谢谢。
编辑
看来问题的原因是 缺少 通过浏览器 javascript 更改 DOM 重新呈现
--> 每个 code/object/property 都会按预期发生更改,但浏览器(在本例中为 safari)不会在其显示的页面渲染中显示更改
无论如何,这不是解决办法,只是一个假设,我仍在研究解决方案。 . .
canvas 的 css-width/-height 必须设置为与 100% 不同的值。 (例如 101%)
只有这样(在尝试 redraw/repaint 的其他 9 种方法之后)才能使 Safari 正确呈现它。