[問題] 將網頁的圖表另存成圖片? spiderman007 PTT批踢踢實業坊

[問題] 將網頁的圖表另存成圖片?

作者: spiderman007 (千里之外) 2014-10-18 16:50:24

最近研究了很多語法，但始終寫不出我要的結果...
還請有經驗的大大們能提供點意見...
目前資料庫有存放我要的一些歷史數據...
在網頁上用jQuery的套件..用圖表將其數據呈現...
我希望能將其圖表可按下button時...另存成圖片...
我首先用html2canvas將我要的圖表轉成image source
var image = canvas.toDataURL("image/png");
img.src = image;
最後可以在<img> 內呈現已轉換後的圖片...
但我是希望就直接下載的動作...而不呈現出來後使用者再另存圖片...
但目前google很多方法...都是至少要有url才能另存圖片...
但html2canvas的輸出是類似資料碼?? 而不是url
請問有人可以提供我一些意見嗎?? 非常感謝!!

作者: Ayukawayen (亞布里艾爾發芽>//<) 2014-10-18 18:57:00

Server端產生圖片前端導到Server網址可以傳參數過去

作者: mmis1000 (秋月戀楓) 2014-10-18 20:06:00

http://jsbin.com/sefew/6 自己看source因為firefox無法正常解碼含有非ascii的string所以那部份要另外處理

作者: spiderman007 (千里之外) 2014-10-19 20:31:00

謝謝A大及m大...我研究一下...感謝回文...

作者: oToToT (å±å©) 2014-10-19 20:39:00

http://fiddle.jshell.net/vd6wezmr/3/show/light/我的做法是開個連結，不過似乎ie或有些不支援

作者: mmis1000 (秋月戀楓) 2014-10-19 22:17:00

要client side請放棄ie9以下，要不然就用伺服器當proxy

作者: oToToT (å±å©) 2014-10-19 23:16:00

不然支援所有就...傳到imgur用imgur下載，載完再刪掉(用imgur Api即可做到)

作者: mmis1000 (秋月戀楓) 2014-10-20 00:05:00

至於更前面的瀏覽器就算了，反正也不支援canvas根本不在討論範圍內

作者: spiderman007 (千里之外) 2014-10-22 12:11:00

謝謝o大...

繼續閱讀

[問題] apache 的proxyangke Fw: [討論] 電子商務的架構iphone2000 [閒聊] 自己刻or套模板qmi989 [問題] css 選單從水平變成垂直ntu203 [問題] 動畫：模擬質點的運動jumbajuice [問題] js修改後，文字出現一下就消失zusowind [問題] 類似Facebook like popup的寫法blue820228 [問題] asp.net treeviewGoalBased [問題] HTML5 with Visual Studio 書籍推薦BIAO [問題] JSDC2014 錄影檔smallma009