第七色在线视频,2021少妇久久久久久久久久,亚洲欧洲精品成人久久av18,亚洲国产精品特色大片观看完整版,孙宇晨将参加特朗普的晚宴

為了賬號(hào)安全,請(qǐng)及時(shí)綁定郵箱和手機(jī)立即綁定
已解決430363個(gè)問(wèn)題,去搜搜看,總會(huì)有你想問(wèn)的

HTML5 canvas中的跨域數(shù)據(jù)

HTML5 canvas中的跨域數(shù)據(jù)

動(dòng)漫人物 2019-10-10 14:31:55
我正在用js加載圖像并將其繪制到畫(huà)布中。繪制后,我從畫(huà)布上檢索imageData:var img = new Image();img.onload = function() {    canvas.drawImage(img, 0, 0);    originalImageData = canvas.getImageData(0,0,width, height)); //chrome fails}img.src = 'picture.jpeg';這在Safari和Firefox中都可以完美運(yùn)行,但在Chrome中失敗,并顯示以下消息:無(wú)法從畫(huà)布獲取圖像數(shù)據(jù),因?yàn)楫?huà)布已被跨源數(shù)據(jù)污染。javascript文件和圖像位于同一目錄中,所以我不了解chorme的行為。
查看完整描述

3 回答

?
慕仙森

TA貢獻(xiàn)1827條經(jīng)驗(yàn) 獲得超8個(gè)贊

要為您的圖像啟用CORS(跨域資源共享),請(qǐng)將HTTP標(biāo)頭與圖像響應(yīng)一起傳遞:


Access-Control-Allow-Origin: *

來(lái)源取決于網(wǎng)頁(yè)的域和協(xié)議(例如,http和https不同),而不是腳本的位置。


如果您使用file://在本地運(yùn)行,則通常將其視為跨域問(wèn)題。所以最好通過(guò)


http://localhost/


查看完整回答
反對(duì) 回復(fù) 2019-10-10
?
慕斯王

TA貢獻(xiàn)1864條經(jīng)驗(yàn) 獲得超2個(gè)贊

var canvas = document.createElement("canvas");

var ctx = canvas.getContext("2d");

var img = new Image();

img.crossOrigin = "anonymous";

img.onload = function() {

  canvas.width = img.width;

  canvas.height = img.height;

  ctx.drawImage(img, 0, 0);

  originalImageData = ctx.canvas.toDataURL();

}

img.src = 'picture.jpeg';

希望這可以幫助。


查看完整回答
反對(duì) 回復(fù) 2019-10-10
  • 3 回答
  • 0 關(guān)注
  • 847 瀏覽
慕課專(zhuān)欄
更多

添加回答

舉報(bào)

0/150
提交
取消
微信客服

購(gòu)課補(bǔ)貼
聯(lián)系客服咨詢(xún)優(yōu)惠詳情

幫助反饋 APP下載

慕課網(wǎng)APP
您的移動(dòng)學(xué)習(xí)伙伴

公眾號(hào)

掃描二維碼
關(guān)注慕課網(wǎng)微信公眾號(hào)