2011-03-07 84 views
7

我已經創建了一個簡單的基於html的網頁,包含一個表單和一些文本,以及一個畫布。我想在一張紙上打印包含畫布的頁面,問題是 - 畫布不會顯示在打印輸出中。這是我錯過了如何處理畫布? 我目前使用Opera,任何知識是否其他瀏覽器處理這個更好?打印出html5畫布?

+0

根據http://stackoverflow.com/questions/8031016/printing-the-contents-of-the-canvas-tag其他瀏覽器可能沒有這個問題。 – 2011-12-07 02:32:35

回答

15

在這種情況下你需要做的是,有一個特殊的打印視圖,其中畫布被圖像文件替換,然後可以輕鬆打印出來。

看看這裏:Capture HTML Canvas as gif/jpg/png/pdf?

+0

好吧,我明白了,我會盡力去解決它。 – tanus 2011-03-08 21:08:13

2

您需要使用.toDataURL()方法將畫布轉換爲圖像,你可以放置在畫布本身例如頂部,在打印前。也許在頁面上打印按鈕,這樣做的東西,然後打印等...