记录一个Canvas全屏的问题
2015-04-15 15:51
239 查看
项目中采用websocket加canvas实现了共享的画板,但是当其中一个canvas全屏显示时就会出现问题,canvas画布会被拉长拉宽,这是因为HTML5的全屏并不会更改canvas的画布的大小,所以要监听页面的缩放,及时调整canvas的大小,才不会使图像出现变形。
第二个问题就是我需要对画板下面的iframe层的PDF文件进行缩放,当PDF被放大以后,通过websocket传过来的坐标仍旧是在未缩放的canvas上的位置,所以会跟PDF文件上的内容对不上,此时需要根据PDF放大的比例对坐标进行缩放,才能实现放大的PDF与canvas图像的对应。
第二个问题就是我需要对画板下面的iframe层的PDF文件进行缩放,当PDF被放大以后,通过websocket传过来的坐标仍旧是在未缩放的canvas上的位置,所以会跟PDF文件上的内容对不上,此时需要根据PDF放大的比例对坐标进行缩放,才能实现放大的PDF与canvas图像的对应。
相关文章推荐
- 通用权限管理系统记录登录日志中的一个问题
- 一个Spring启动时找不到类的问题修复记录
- 一个小sql的问题记录 对分析函数的应用
- canvas的一些问题记录
- extjs.form.textarea一个问题记录
- 一个JS图片放大镜,实现动态记录的图片放大,避免内存泄露,解决IE6下无法遮盖select控件问题
- 记录一个SPS2010中RSS Web Part报错的问题
- 遇到一个Mysql死锁问题,记录下
- 最近做了一个iOS小应用,记录下遇到的问题以及解决方法
- 今天遇到的一个问题,在此先记录
- 记录一个小有意思的改变路径的问题
- 记录一个中括号的问题
- UpdatePanel和其他JS配合出现的一个问题记录
- 记录一个PADS下遇到的奇怪的问题----ECO更新报错
- 记录J-Flash ARM使用过程中的一个纠结问题
- 写了一个可以记录路线的计步器,好像有内存泄露问题,求指点
- 一个关于asp显示记录的问题
- Android学习心得(一)记录一个问题
- 一个逻辑问题的记录
- qml 全屏显示的一个小记录