首頁 > 網際網路

jq如何將html頁面生成圖片

2019-12-12 12:43:00

在日常網頁開發中,會遇到一些將html轉換成圖片格式的場景,要解決這個問題,一般有兩種方案,一個是採用phantomjs技術,一個是採用html2canvas 技術,這裡一起探討下html2canvas技術,希望對大家有幫助


1

第一步

引入html2Canvas指令碼

<script src="https://cdn.bootcss.com/html2canvas/0.5.0-beta4/html2canvas.js"></script>


2

第二步

建立一個測試html,一個超連結,點選連結,將本頁面儲存圖片


3

第三步

上圖是一個基本的html框架,現在新增一些元素


4

第四步

編寫html2Cancvas指令碼


5

第五步

測試實現效果:





IT145.com E-mail:sddin#qq.com