查看: 16827|回复: 7

两个重叠在一起的canvas，如何同步缩放。

5 主题	0 好友	85 积分

士兵

Rank: 1

发消息

电梯直达

楼主

发表于 2016-6-6 08:49:24 |显示全部楼层 |倒序浏览

因为特殊的需要，需要在引擎自动添加的canvas下方再放置一个canvas，尺寸位置和引擎添加的canvas完全一致，问题是在手机上显示时引擎的canvas可以自动适应，下面的canvas如何才能够和引擎的canvas同步变化呢？

分享0 收藏0

使用道具举报

toneycc

5 主题	0 好友	85 积分

士兵

Rank: 1

发消息

沙发

发表于 2016-6-6 09:47:22 |显示全部楼层

是因为要播放视频需要，在iphone的浏览器中直接使用video的话会自动全屏播放，我应用必须要求在浏览器内播放，所以要增加一个canvas来显示视频而不是直接使用video。style属性是一致的，我是想在手机上横竖转换的时候能跟随一起变化缩放。

使用道具举报

toneycc

5 主题	0 好友	85 积分

士兵

Rank: 1

发消息

板凳

发表于 2016-6-6 09:51:39 |显示全部楼层

https://stanko.github.io/html-canvas-video-player/ 这个是视频播放的演示页面，我是用的这个原理来做。把视频的canvas放在下面，游戏的canvas放在上面。

使用道具举报

toneycc

5 主题	0 好友	85 积分

士兵

Rank: 1

发消息

地板

发表于 2016-6-6 12:14:24 |显示全部楼层

本帖最后由 toneycc 于 2016-6-6 12:15 编辑

Lvideo 在safari中播放视频会自动全屏，不能用. 能不能具体介绍一下怎么能同步两个canvas的缩放？

使用道具举报

toneycc

5 主题	0 好友	85 积分

士兵

Rank: 1

发消息

5^#

发表于 2016-6-6 12:55:05 |显示全部楼层

肯定试过了你API里面的那个测试链接，在iphone 中用safari 打开只要播放视频就会变成全屏的。

使用道具举报

toneycc

5 主题	0 好友	85 积分

士兵

Rank: 1

发消息

6^#

发表于 2016-6-6 13:47:44 |显示全部楼层

不一样，这个video是被隐藏了，用它解码出来去填充canvas 实际视频是canvas 显示的，这个就不会全屏显示 .

使用道具举报

toneycc

5 主题	0 好友	85 积分

士兵

Rank: 1

发消息

7^#

发表于 2016-6-6 14:32:14 |显示全部楼层

能不能给个示例，我怎么能同步两个canvas的缩放

使用道具举报

toneycc

5 主题	0 好友	85 积分

士兵

Rank: 1

发消息

8^#

发表于 2016-6-7 01:53:20 |显示全部楼层

非常感谢

使用道具举报

返回列表

		自动登录	找回密码
密码			立即注册