diff --git a/screenshot/src/utils/download-single.ts b/screenshot/src/utils/download-single.ts index bd48ee5..0411356 100644 --- a/screenshot/src/utils/download-single.ts +++ b/screenshot/src/utils/download-single.ts @@ -3,7 +3,7 @@ * @Date: 2021-09-30 14:47:22 * @Description: 下载图片(单浏览器版,适用于低配置服务器) * @LastEditors: ShawnPhang - * @LastEditTime: 2023-09-16 20:30:38 + * @LastEditTime: 2023-09-18 18:17:54 */ const isDev = process.env.NODE_ENV === 'development' const puppeteer = require('puppeteer') @@ -67,7 +67,8 @@ const saveScreenshot = async (url: string, { path, width, height, thumbPath, siz // 主动模式下注入全局方法 await page.exposeFunction('loadFinishToInject', async () => { // console.log('-> 开始截图') - await page.screenshot({ path }) + // await page.evaluate(() => document.body.style.background = 'transparent'); + await page.screenshot({ path, omitBackground: true }) // 关闭浏览器 browserClose() compress() diff --git a/screenshot/src/utils/download.ts b/screenshot/src/utils/download.ts index 2ba30be..50a67c2 100644 --- a/screenshot/src/utils/download.ts +++ b/screenshot/src/utils/download.ts @@ -55,7 +55,7 @@ const saveScreenshot = async (url: string, { path, width, height, thumbPath, siz // 主动模式下注入全局方法 await page.exposeFunction('loadFinishToInject', async () => { clearTimeout(regulators) - await page.screenshot({ path }) // console.log('-> 开始截图') + await page.screenshot({ path, omitBackground: true }) await page.close() thumbPath && compress() resolve() diff --git a/src/App.vue b/src/App.vue index 413139b..8c61413 100644 --- a/src/App.vue +++ b/src/App.vue @@ -1,3 +1,10 @@ +