html2canvas問題與圖標

你好，我正試圖用html2canvas的幫助打印與一些圖標的筆記列表的div。 html2canvas問題與圖標

看到上面是我的輸入圖像。

但我得到這個輸出。請幫助我，如果任何一個

.icon-circle:before { 
 
     content: "\e941"; 
 
    }

<div style="position: relative; border-bottom: 1px solid #cecece; display: table-cell; vertical-align: middle; width: 85px; padding:5px 0;"> 
 
    <i class="icon-circle" style="color:"blue"> 
 
    <span style="color: white;font-size: 18px;position: absolute; top: 22px;left: 13px;"> T 
 
    </span> 
 
    </i> 
 
</div>

有任何解決方案

來源

2016-11-18 Saurabh Agrawal

我覺得你的問題是在圖標上的絕對位置。爲什麼要絕對定位嘗試相對定位以避免轉換時出現計算問題。 –

謝謝@MarcosPérezGude 是的，這是因爲位置，但我怎麼能得到該圖標上方的圖標，而沒有給它的位置我也絕對也試過，但它給了我同樣的結果如上。 –

那麼它的問題將html2canvas 0.5.0-alpha1。我已經在github上報道過，你可以在github上看到我的小提琴和其他細節https://github.com/niklasvh/html2canvas/issues/1001 –

終於在html2canvas的新版本1.1，我得到了解決#1001。

這裏是fiddle

window.takeScreenShot = function() { 
    html2canvas(document.getElementById("target"), { 
     width:320, 
     height:220 
    }).then(function (canvas) { 
     document.body.appendChild(canvas); 
    }); 
}

來源

2017-12-16 06:26:05

html2canvas問題與圖標

回答

相關問題