html2canvas
讀取dom結(jié)構(gòu)轉(zhuǎn)換成canvas,最后轉(zhuǎn)成圖片形式展示
缺點:沒有編輯功能
鏈接:html2canvas
js-web-screen-shot
大佬模仿qq截圖實現(xiàn)的,也可以搭配webrtc實現(xiàn)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, // 層級
});
注意點:文章來源:http://www.zghlxwxcb.cn/news/detail-740920.html
文章來源地址http://www.zghlxwxcb.cn/news/detail-740920.html
到了這里,關(guān)于前端js如何實現(xiàn)截屏功能,插件推薦js-web-screen-shot的文章就介紹完了。如果您還想了解更多內(nèi)容,請在右上角搜索TOY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章,希望大家以后多多支持TOY模板網(wǎng)!