我無法使用HTML5 Canvas獲取適當的標籤圖像/縮略圖

-1

我對HTML 5非常陌生，並且對圖像使用canvas元素進行修整。現在的情況是我正在使用選項卡選擇結構，如果用戶單擊選項卡縮略圖圖像（這是在滑塊）該標籤應該打開。現在的事情是，我試圖動態縮略圖，不能得到正確的縮略圖。在縮略圖包含一部分來自正常，但圖像/視頻無法在縮略圖你在這裏說服我上傳的圖片顯示....我無法使用HTML5 Canvas獲取適當的標籤圖像/縮略圖

我希望你明白我所面臨的問題... ..依然

enter image description here

來源

2014-01-24 Anandkumar Mehta

html2canvas（的document.getElementById（ 'TAB1'），{ \t \t \t \t \t onrendered：功能（帆布）{ 變種d =的document.getElementById（「tab1」）; d.className = d.className +「tab」; var data = canvas.toDataURL（'image'）; var image = new Image（）; image.src = data; \t \t \t \t \t \t document.getElementById（'tab1thum'）。appendChild（image）; \t \t \t \t \t \t \t \t \t \t \t} \t \t \t \t}）; –

如果圖像/視頻不是源自與您的網頁相同的域，則不會將其渲染到畫布上。從html2canvas中查看此警告：http://html2canvas.hertzen.com/faq.html – markE

@markE是否有其他方法可以實現我想要的功能？通過php –

我在你的評論中看到你打開使用PHP。

查看PhantomJS，它是一個運行在PHP中的WebKit瀏覽器。

它是「無頭」==它不會將輸出繪製到任何屏幕上。

它有很多目的，但爲了您的目的，您可以爲PhantomJS提供一些html，並將其渲染爲圖像文件。

這裏的一個鏈接：

http://phantomjs.org/screen-capture.html

來源

2014-01-31 01:39:57 markE

感謝您的答覆@markE。我們只想要一些包含文本，鏈接，圖像，視頻的html部分。該部分轉換成圖像。 –

如果你只想要部分頁面的html呈現，你必須過濾html的那一部分 - jquery可以幫助你做到這一點。 – markE

我無法使用HTML5 Canvas獲取適當的標籤圖像/縮略圖

回答

相關問題