亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定
已解決430363個問題,去搜搜看,總會有你想問的

echart圖片導出到iframe中,出現跨站

echart圖片導出到iframe中,出現跨站

慕碼人2483693 2018-11-13 13:13:01
我想將echart的導出圖片導出到iframe中,但是出現了跨域,應該如何修復?用的echart提供的myChart.getDataURL()方法。
查看完整描述

1 回答

?
神不在的星期二

TA貢獻1963條經驗 獲得超6個贊

通常, 圖片允許跨域訪問, 也可以在canvas中使用跨域的圖片, 但這樣做會污染畫布, 一旦畫布受污染, 將無法讀取其數據. 比如無法調用 toBlob(), toDataURL() 或 getImageData()方法.
瀏覽器的這種安全機制規避了未經許可的遠程服務器圖片被濫用的風險.
因此如需在canvas中使用跨域的圖片資源, 請參考如下apache配置片段

<IfModule mod_setenvif.c>

    <IfModule mod_headers.c>

        <FilesMatch "\.(cur|gif|ico|jpe?g|png|svgz?|webp)$">

            SetEnvIf Origin ":" IS_CORS

            Header set Access-Control-Allow-Origin "*" env=IS_CORS

        </FilesMatch>

    </IfModule>

</IfModule>

echart本身使用的就是canvas技術,跨域是由canvas安全性機制引起的,建議更換圖片源。

查看完整回答
反對 回復 2018-12-10
  • 1 回答
  • 0 關注
  • 878 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號