vue page-screenshot 踩坑之旅

在网页上实现图片缩放 拖拽 并进行截图进行批注 使用page-screenshot这个插件来实现截图进行批注

问题

1. page-screenshot这个插件截图会有跨域问题，百度了很久，由于代码里没有解决跨域的功能，只能本身想办法，尝试过在img上加crossOrigin，也无论用，最后把图片转为base64，就能够了
2. 视频的话 在video标签加上 crossorigin="anonymous" ，能够解决跨域，可是不能实现接到图片中的某一帧图，因此当点击截图时，把视频暂停，把暂停视频的图片搬到canves上才能够
3. 源码中
   这行代码是，截图时的工具栏，能够根据需求进行增删改