html2canvas在vue下的巨坑

wow_worktile 發布于2019-08-02 11:24 / 2104人閱讀

摘要：公司有個需求就是要在前端生成圖片首先想到的是用生成圖片，自己畫這也太耗時間了吧后面在上一查有個的框架可以用這里附上地址使用起來也特別簡單，官網是這么描述的如果你要配置一些參數可以在傳入的后面進行傳參官網文檔可查官網文檔我自己的工程環境是會

公司有個需求就是要在前端生成圖片首先想到的是用canvas生成圖片，自己畫這也太耗時間了吧！后面在npm上一查有個html2canvas的框架可以用這里附上地址
html2canvas
使用起來也特別簡單，官網是這么描述的

html

    Hello world!


js
html2canvas(document.querySelector("#capture")).then(canvas => {
    document.body.appendChild(canvas)
});

html2canvas(document.querySelector("#capture")  {
    async: true
}).then(canvas => {
    document.body.appendChild(canvas)
});

如果你要配置一些參數可以在傳入dom的后面進行 object 傳參官網文檔可查
官網文檔
我自己的工程環境是vue-cli會進行webpack打包在ios下運行的時候會出現錯誤因為我要生成一張圖片是的canvas api 是 toDataURL
這錯誤在ios一直顯示是權限問題在ios 和safari 上的問題是一致的原因是canva繪制dom上的圖片的時候是 base64的格式（webpack會對asstes目錄下的圖片進行壓縮）花費了幾個小時才解決這個問題，感覺很不值所以分享給大家希望大家別踩進去了！解決方法是可以 static目錄或者同域下的文件地址

GPU云服務器云服務器 webrtc 在mac下的編譯在iis下的網站都打不開 RDLC報表在IE10下的問題巨坑

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://specialneedsforspecialkids.com/yun/52961.html

html2canvas在vue下的巨坑

摘要：公司有個需求就是要在前端生成圖片首先想到的是用生成圖片，自己畫這也太耗時間了吧后面在上一查有個的框架可以用這里附上地址使用起來也特別簡單，官網是這么描述的如果你要配置一些參數可以在傳入的后面進行傳參官網文檔可查官網文檔我自己的工程環境是會公司有個需求就是要在前端生成圖片首先想到的是用canvas生成圖片，自己畫這也太耗時間了吧！后面在npm上一查有個html2canvas的框架可以用...

raledong 2019-08-29 16:36 評論0 收藏0
html2canvas在vue下的巨坑

摘要：公司有個需求就是要在前端生成圖片首先想到的是用生成圖片，自己畫這也太耗時間了吧后面在上一查有個的框架可以用這里附上地址使用起來也特別簡單，官網是這么描述的如果你要配置一些參數可以在傳入的后面進行傳參官網文檔可查官網文檔我自己的工程環境是會公司有個需求就是要在前端生成圖片首先想到的是用canvas生成圖片，自己畫這也太耗時間了吧！后面在npm上一查有個html2canvas的框架可以用...

20171112 2019-08-23 11:39 評論0 收藏0
iframe onload事件被block的巨坑

摘要：于是關鍵詞求助百度，給出的答案要不說是的問題，要不是說客戶端的問題，都嘗試了一下，發現一點用處都沒有。但是仍然有點奇怪，也是使用，后來回憶，在換百度這個鏈接之前殺了一次進程，應該是這個因素導致的。寫在前面最近接手了一個古舊的項目，跟客戶端、服務器端一起調一個支付相關的app內嵌H5頁面，這個頁面有兩部分組成，主頁面A加上一個最終支付頁面B，B頁面是通過iframe嵌入到A頁面中的，...

darryrzhong 2019-08-26 10:56 評論0 收藏0
vue2實踐（持續更新）

摘要：記錄一些小技巧和踩過的坑由于本篇文章內容太多，導致編輯器有點卡，所以新開辟了一篇實踐二，后續再這里更新。組件的生命周期函數是在標簽里的數據發生變化時候觸發數據可能更新了，但是沒有綁定到上面的話，不會調用鉤子函數。記錄一些小技巧和踩過的坑由于本篇文章內容太多，導致SF編輯器有點卡，所以新開辟了一篇 vue2實踐（二），后續再這里更新。 1. props 帶不帶冒號的區別 ...

n7then 2019-08-20 15:05 評論0 收藏0
JWT、OAuth 2.0、session 用戶授權實戰

摘要：為用戶提供授權以允許用戶操作非公開資源，有很多種方式。具體的代碼根據不同的授權方案而有所不同。使用授權原理利用來驗證用戶，有兩種機制實現。使用來實現用戶授權主要用于簽發如果有將異步的簽名。 ? 在很多應用中，我們都需要向服務端提供自己的身份憑證來獲得訪問一些非公開資源的授權。比如在一個博客平臺，我們要修改自己的博客，那么服務端要求我們能夠證明我是我，才會允許我們修改自己的...

zhaot 2019-05-22 15:14 評論0 收藏0