关于vue.js:vue-pagescreenshot-踩坑之旅

11次阅读

共计 279 个字符,预计需要花费 1 分钟才能阅读完成。

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

问题

  1. page-screenshot 这个插件截图会有跨域问题,百度了良久,因为代码里没有解决跨域的性能,只能本人想方法,尝试过在 img 上加 crossOrigin,也不论用,最初把图片转为 base64,就能够了
  2. 视频的话 在 video 标签加上 crossorigin=”anonymous”,能够解决跨域,然而不能实现接到图片中的某一帧图,所以当点击截图时,把视频暂停,把暂停视频的图片搬到 canves 上才能够
  3. 源码中

    这行代码是,截图时的工具栏,能够依据需要进行增删改
正文完
 0