From a5e8ef032f149ac7a3827169a8affa8ecd4cb4f9 Mon Sep 17 00:00:00 2001 From: hanbaoshan <hanbaoshan@aiotlink.com> Date: 星期三, 19 八月 2020 18:06:51 +0800 Subject: [PATCH] 打开应用异步抓取快照去掉最小化快照,应用中心界面调整,初始应用窗口计算修改 --- src/pages/desktop/index/App.vue | 27 +++++++++++++++++++++++++++ 1 files changed, 27 insertions(+), 0 deletions(-) diff --git a/src/pages/desktop/index/App.vue b/src/pages/desktop/index/App.vue index 73741ab..5a5251e 100644 --- a/src/pages/desktop/index/App.vue +++ b/src/pages/desktop/index/App.vue @@ -9,6 +9,7 @@ </template> <script> +import html2canvas from 'html2canvas'; import Desktop from './components/Desktop'; import NotificationCenter from './components/NotificationCenter'; import NoticeTip from './components/NoticeTip'; @@ -64,6 +65,32 @@ }, addWeather: function (weather) { this.$store.commit('desktop/addWeather', weather); + }, + screenShot(dock){ + //鎵惧埌褰撳墠鐨刬frame + let curIframe = Array.from(document.querySelectorAll('iframe')).find(iframe => iframe.src.indexOf(dock.url) >= 0); + //淇濆瓨褰撳墠搴旂敤蹇収 + html2canvas(curIframe.contentWindow.document.body, { + dpi: window.devicePixelRatio * 4, + logging: true, //鏌ョ湅html2canvas鍐呴儴鎵ц娴佺▼ + removeContainer: true, + imageTimeout: 0, + useCORS: true, //寮�鍚法鍩熼厤缃� + //allowTaint: true + }).then(canvas => { + let shotSrc = canvas.toDataURL(); + // this.$store.commit('desktop/addMinDock', { + // id: dock.id, + // src: dock.icon, + // alt: dock.title, + // type: "3", + // screenshot: shotSrc + // }); + this.$store.commit('desktop/shotscreen', {id:dock.id, src:shotSrc}); + + }).catch(e => { + this.$store.commit('desktop/shotscreen', {id:dock.id, src:''}); + }); } } } -- Gitblit v1.8.0