html2canvas
读取dom结构转换成canvas,最后转成图片形式展示
缺点:没有编辑功能
链接:html2canvas
js-web-screen-shot
大佬模仿qq截图实现的,也可以搭配webrtc实现web端远程桌面共享
链接:
- github
- gitee
简单使用
npm install js-web-screen-shot --save
import ScreenShort from "js-web-screen-shot";
new ScreenShort({
enableWebRtc: false, // 是否启用webrtc,值为false则使用html2canvas来截图
loadCrossImg: true, // 跨域
level: 9999, // 层级
});
注意点:
文章来源:https://www.toymoban.com/news/detail-740920.html
文章来源地址https://www.toymoban.com/news/detail-740920.html
到了这里,关于前端js如何实现截屏功能,插件推荐js-web-screen-shot的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!