在Ie 7上導出畫布圖像

Question

我們使用flot開發了一個複雜的報告應用程序，但是我沒有預見到的事情是我們將會遇到輸出問題，儘管一切看起來都很酷並且很酷，但Business用戶無法複製圖表在他們的演講中，因爲輸出是一個畫布元素。

我找過幾種方法，我甚至找到了將畫布轉換爲圖像的方法，但這隻適用於HTML5支持的瀏覽器，不幸的是我們的用戶使用IE7我知道這是非常古老的，但我沒有什麼可以做的（相信我，我們嘗試過），所以我必須想出一個解決方案，將圖形導出爲圖像格式。

我最後一次嘗試是使用fxcanvas和flashcanvas來模擬toDataURL方法，但結果是有一個32kb的緩衝區，其中我的圖像至少有300kb。

業務用戶（高層管理人員）正在推動的解決方案，他們顯然不知道有技術的界限在這裏，我願意不涉及任何解決方案如下：

• 升級/更改瀏覽
• 安裝插件如chrome選項卡等。
• 服務器或用戶計算機

但是我接受任何Active X解決方案或任何導出選項，不需要安裝第三方程序（除了他們不」有MS庫上安裝cab文件執行註冊庫等任何附加步驟）。

Answer 1

基本的方式做到這一點是使用canvas.toDataURL("image/png");但我也發現了這個鏈接，你

http://nihilogic.dk/labs/canvas2image/

我沒有測試它。

Answer 2

如果您希望用戶獲得相同的結果（或者至少儘可能接近），爲什麼不嘗試依賴後端？（假設有一個）只需在後端生成映像並輸出標準的JPG或PNG。

我真的不能想到另一種解決方案，即使SVG僅在IE7 +上兼容，最接近的解決方案不使用後端將使用閃存，因爲它是第三方，但它是相當知名的，它內置在現代瀏覽器。

依賴於客戶端總是涉及：要求他們升級瀏覽器/使用第三方插件，所以請注意，在未來的項目規劃中，兼容性問題是我認爲最令人討厭的問題之一Web開發