1. 程式人生 > >H5在canvas中繪制圖片時候遇到跨域問題

H5在canvas中繪制圖片時候遇到跨域問題

配置 成功 can img content 解決 con pos 其他

在前端繪制圖片時需要用到其他服務器的圖片,當然沒有讀取成功。

在網上一頓搜索,設置了圖片允許跨域。

img.crossOrigin = "Anonymous"

在調試中也可以看到圖片,不過還是繪制失敗。經過一波XXX式的試探和查找,找到一個解決方案。

在在iis中配置響應頭,可能是之前獲取圖片的時候沒有能夠通過允許的類型。

Access-Control-Allow-Credentials:true

Access-Control-Allow-Headers:origin,x-requested-with,content-type

Access-Control-Allow-Methods:POST,GET
,OPTIONS Access-Control-Allow-Origin:*

具體原因忘了,結果還是成功了

H5在canvas中繪制圖片時候遇到跨域問題