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

看板Web_Design作者 (千里之外)時間11年前 (2014/10/18 16:50), 11年前編輯推噓3(3010)
留言13則, 4人參與, 最新討論串1/1
最近研究了很多語法,但始終寫不出我要的結果... 還請有經驗的大大們能提供點意見... 目前資料庫有存放我要的一些歷史數據... 在網頁上用jQuery的套件..用圖表將其數據呈現... 我希望能將其圖表可按下button時...另存成圖片... 我首先用html2canvas將我要的圖表轉成image source var image = canvas.toDataURL("image/png"); img.src = image; 最後可以在<img> 內呈現已轉換後的圖片... 但我是希望就直接下載的動作...而不呈現出來後 使用者再另存圖片... 但目前google很多方法...都是至少要有url才能另存圖片... 但html2canvas的輸出是類似資料碼?? 而不是url 請問有人可以提供我一些意見嗎?? 非常感謝!! -- ※ 發信站: 批踢踢實業坊(ptt.cc), 來自: 1.168.1.93 ※ 文章網址: http://www.ptt.cc/bbs/Web_Design/M.1413622226.A.E6E.html ※ 編輯: spiderman007 (1.168.1.93), 10/18/2014 16:51:39 ※ 編輯: spiderman007 (1.168.1.93), 10/18/2014 16:52:12

10/18 18:57, , 1F
Server端產生圖片 前端導到Server網址 可以傳參數過去
10/18 18:57, 1F

10/18 20:06, , 2F
http://jsbin.com/sefew/6 自己看source
10/18 20:06, 2F

10/19 18:29, , 3F
因為firefox無法正常解碼含有非ascii的string
10/19 18:29, 3F

10/19 18:29, , 4F
所以那部份要另外處理
10/19 18:29, 4F

10/19 20:31, , 5F
謝謝A大及m大...我研究一下...感謝回文...
10/19 20:31, 5F

10/19 20:40, , 7F
我的做法是開個連結,不過似乎ie或有些不支援
10/19 20:40, 7F

10/19 22:17, , 8F
要client side請放棄ie9以下,要不然就用伺服器當proxy
10/19 22:17, 8F

10/19 23:16, , 9F
不然支援所有就...傳到imgur用imgur下載,載完再刪掉
10/19 23:16, 9F

10/19 23:16, , 10F
(用imgur Api即可做到)
10/19 23:16, 10F

10/20 00:05, , 11F
至於更前面的瀏覽器就算了,反正也不支援canvas
10/20 00:05, 11F

10/20 00:06, , 12F
根本不在討論範圍內
10/20 00:06, 12F

10/22 12:11, , 13F
謝謝o大...
10/22 12:11, 13F
文章代碼(AID): #1KGYdIvk (Web_Design)
文章代碼(AID): #1KGYdIvk (Web_Design)