› 看板 Web_Design 關於我們 聯絡資訊
作者spiderman007 (千里之外)
看板Web_Design
標題將網頁的圖表另存成圖片?
時間Sat Oct 18 16:50:24 2014
最近研究了很多語法，但始終寫不出我要的結果... 還請有經驗的大大們能提供點意見... 目前資料庫有存放我要的一些歷史數據... 在網頁上用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
推 Ayukawayen: Server端產生圖片 前端導到Server網址 可以傳參數過去 10/18 18:57
→ mmis1000: http://jsbin.com/sefew/6 自己看source 10/18 20:06
→ mmis1000: 因為firefox無法正常解碼含有非ascii的string 10/19 18:29
→ mmis1000: 所以那部份要另外處理 10/19 18:29
→ spiderman007: 謝謝A大及m大...我研究一下...感謝回文... 10/19 20:31
推 oToToT: http://fiddle.jshell.net/vd6wezmr/3/show/light/ 10/19 20:39
→ oToToT: 我的做法是開個連結，不過似乎ie或有些不支援 10/19 20:40
→ mmis1000: 要client side請放棄ie9以下，要不然就用伺服器當proxy 10/19 22:17
推 oToToT: 不然支援所有就...傳到imgur用imgur下載，載完再刪掉 10/19 23:16
→ oToToT: (用imgur Api即可做到) 10/19 23:16
→ mmis1000: 至於更前面的瀏覽器就算了，反正也不支援canvas 10/20 00:05
→ mmis1000: 根本不在討論範圍內 10/20 00:06
→ spiderman007: 謝謝o大... 10/22 12:11