在线观看不卡亚洲电影_亚洲妓女99综合网_91青青青亚洲娱乐在线观看_日韩无码高清综合久久

鍍金池/ 問(wèn)答/HTML/ 前端通過(guò)javascript或庫(kù)把某個(gè)DIV中的內(nèi)容生成/保存為圖片的問(wèn)題

前端通過(guò)javascript或庫(kù)把某個(gè)DIV中的內(nèi)容生成/保存為圖片的問(wèn)題

目前項(xiàng)目有個(gè)需求,需要把當(dāng)前頁(yè)面中某個(gè)div中的內(nèi)容,用戶點(diǎn)擊button后,可以保存為圖片格式的需求。
通過(guò)搜索,找到HTML2canvas可以實(shí)現(xiàn)該功能,但html2canvas支持到ie9,但項(xiàng)目需要支持更低版本的瀏覽器。
不知道還有沒(méi)有類似的庫(kù)或方法,可以實(shí)現(xiàn)改需求,同時(shí)能兼容到ie的低版本瀏覽器

回答
編輯回答
不舍棄
可以保存為圖片格式

因?yàn)樾枰獙?shí)現(xiàn)文件的存儲(chǔ)和傳輸建議,還是在后端做這個(gè)需求

2018年1月9日 19:43
編輯回答
孤島

古代人有電視看嗎? 沒(méi)有

2018年3月19日 22:50
編輯回答
網(wǎng)妓

如果是IE9以下,友好提示下載chrome。完美解決。。
具說(shuō)網(wǎng)絡(luò)說(shuō)有個(gè)段子.
" 有個(gè)領(lǐng)導(dǎo)要求必須要在他的電腦上用IE8訪問(wèn)系統(tǒng),
但他們的系統(tǒng)在IE8下,無(wú)法運(yùn)行進(jìn)來(lái)。然后技術(shù)人員折騰了一兩個(gè)星期都沒(méi)有解決。
最后他們?cè)陬I(lǐng)導(dǎo)的電腦上面安裝了一個(gè)chrome,只是把圖標(biāo)換成了IE的.完美 解決問(wèn)題"

2018年3月11日 19:58
編輯回答
挽青絲

恩。。如果是IE9以下,友好提示下載chrome。完美解決。。

2017年3月23日 09:56
編輯回答
慢半拍

更低版本的瀏覽器都不支持canvas,所以前端沒(méi)辦法做。

但是是有方法解決的,可以用headless瀏覽器在后端截圖。
比如用chrome做的puppeteer

后端用node的話,幾行代碼就搞定了

const puppeteer = require('puppeteer');

(async () => {
  const browser = await puppeteer.launch();
  const page = await browser.newPage();
  await page.goto('https://example.com');          // 打開(kāi)網(wǎng)頁(yè)
  await page.screenshot({path: 'example.png'});    // 得到截圖

  await browser.close();
})();

然后將截圖輸出到前端就行了

2017年3月5日 18:36
編輯回答
九年囚

沒(méi)有。

2017年12月31日 05:54
編輯回答
有點(diǎn)壞

,IE8這種掉時(shí)代瀏覽器也沒(méi)幾個(gè)人用,直接拋棄吧,沒(méi)必要去折騰IE8

2018年5月28日 13:29