使用畫布創建元素的位圖副本

Question

我已經爲客戶端創建了一個簡單的頁面佈局程序，並且想要提供InDesign中頁面調板的頁面縮略圖視圖。是否可以使用HTML5 canvas元素來創建單個元素的副本。

例如，每個頁面都是文章標籤。我想用畫布複製這篇文章，並將其縮小爲10％，然後將其繪製到屏幕上。

Answer 1

目前沒有在畫布規範中拍攝頁面各部分快照的方法。 Firefox使用名爲drawWindow()的方法擴展了canvas元素，該方法接受要拍攝的區域的座標和尺寸。但是，此方法僅適用於由於安全問題而使用chrome級別特權運行的腳本。在代碼的方法的註釋表明，這可能在未來改變：

// We can't allow web apps to call this until we fix at least the 
// following potential security issues: 
// -- rendering cross-domain IFRAMEs and then extracting the results 
// -- rendering the user's theme and then extracting the results 
// -- rendering native anonymous content (e.g., file input paths; 
// scrollbars should be allowed) 

http://mxr.mozilla.org/mozilla/source/content/canvas/src/nsCanvasRenderingContext2D.cpp#2352

Answer 2

雖然這在Firefox 4以上版本，可以使用任何HTML元素作爲不使用帆布另一個元素的背景圖像。詳情在這裏：https://developer.mozilla.org/en/CSS/-moz-element