html2canvas 0.5.0 beta2輸入bug

Question

最近我開始使用html2canvas.js並面臨問題：使用按鈕類型的輸入元素無法正確呈現。我是編程新手，所以我不知道如何自己解決。這裏是plunker用BUG：plunker

的index.html：

<div id="button" class="index_search"> 
    <input type="button" value="Search"> 
</div> 
<div id="renderedButton"></div> 

的script.js：

window.onload = function() { 
    html2canvas(document.getElementById('button')).then(function (canvas) { 
     document.getElementById('renderedButton').appendChild(canvas); 
    }); 
} 

我還附上穩定的0.4.1版本html2canvas的（html.js）。 請幫助:)

Answer 1

不同的實現瀏覽器如何形式元素應該看起來像（平板電腦的/手機/未來的打樣）結合，這是一種不好的做法風格的形式元素意味着這可能永遠不會支持圖書館。

你可以通過製作你自己的不使用輸入標籤的樣式按鈕來解決這個問題。例如，帶有邊框和漸變的div會很快使它看起來完全像普通按鈕。