vue page-screenshot 踩坑之旅

358 阅读1分钟

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

  1. page-screenshot这个插件截图会有跨域问题,百度了好久,因为代码里没有解决跨域的功能,只能自己想办法,尝试过在img上加crossOrigin,也不管用,最后把图片转为base64,就可以了
  2. 视频的话 在video标签加上 crossorigin="anonymous" ,可以解决跨域,但是不能实现接到图片中的某一帧图,所以当点击截图时,把视频暂停,把暂停视频的图片搬到canves上才可以

338061118-608a8e97e67ae.png 这行代码是,截图时的工具栏,可以根据需求进行增删改