在网页上实现图片缩放 拖拽 并进行截图进行批注 应用 page-screenshot 这个插件来实现截图进行批注
问题
- page-screenshot 这个插件截图会有跨域问题，百度了良久，因为代码里没有解决跨域的性能，只能本人想方法，尝试过在 img 上加 crossOrigin，也不论用，最初把图片转为 base64，就能够了
- 视频的话 在 video 标签加上 crossorigin=”anonymous”，能够解决跨域，然而不能实现接到图片中的某一帧图，所以当点击截图时，把视频暂停，把暂停视频的图片搬到 canves 上才能够
- 源码中
这行代码是，截图时的工具栏，能够依据需要进行增删改