项目中采用websocket加canvas实现了共享的画板,但是当其中一个canvas全屏显示时就会出现问题,canvas画布会被拉长拉宽,这是因为HTML5的全屏并不会更改canvas的画布的大小,所以要监听页面的缩放,及时调整canvas的大小,才不会使图像出现变形。
第二个问题就是我需要对画板下面的iframe层的PDF文件进行缩放,当PDF被放大以后,通过websocket传过来的坐标仍旧是在未缩放的canvas上的位置,所以会跟PDF文件上的内容对不上,此时需要根据PDF放大的比例对坐标进行缩放,才能实现放大的PDF与canvas图像的对应。