最后选用了 navigator.mediaDevices.getUserMedia 用来获取摄像头的视频流，通过 canvas 展示到页面上，同时获取到 canvas 生成的图片对象数据，传递个 js

首先，需要理解canvas的展示机制。 我绘制了一张375px的canvas，iphone6的宽度也是375px，ok，canvas铺满了整个屏幕。 如果遇到了屏幕宽度400px的手机，那么图片会 拉伸，canvas也会拉伸，拉伸则必然会模糊。 那么iphone6确实是375p…

由于一些移动端的兼容性原因，我们某个项目需要前端将pdf转换成在移动端页面可直接观看的界面。为了方便解决，我们采用了pdf.js这个插件，该插件可以将pdf转换成canvas绘制在页面上。不过，在测试过程中却发现，在移动端的浏览器上，绘制的内容展示十分模糊（如下图），经过分析之…