canvas.toDataURL image/png 報(bào)錯(cuò)處理方法推薦

2019-10-26 17:18:09

字體：大中小

供稿：網(wǎng)友

問題背景：

遇到一個(gè)需求，要對(duì)播放的視頻進(jìn)行截圖，視頻使用video標(biāo)簽來播放，然后點(diǎn)擊視頻播放區(qū)域時(shí)截取實(shí)時(shí)的幀圖片。

代碼很簡(jiǎn)單如下：

JavaScript Code復(fù)制內(nèi)容到剪貼板

var video = document.getElementById('video');

var canvas = document.getElementById('canvas');

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

var img = document.getElementById('img');

function snapshot() { ctx.drawImage(video,0,0);

img.src = canvas.toDataURL('image/png'); }

video.addEventListener('click', snapshot, false);

問題提示：

Uncaught SecurityError: Failed to execute 'toDataURL' on 'HTMLCanvasElement': Tainted canvases may not be exported.

經(jīng)過查閱和分析，發(fā)現(xiàn)這個(gè)其實(shí)是由于視頻文件所在的域和圖片和頁(yè)面所在域不同，出現(xiàn)跨域傳輸?shù)膯栴}。

解決方案：

將視頻文件放到頁(yè)面所在域下。

原文地址：http://blog.csdn.net/luochao_tj/article/details/44942125

學(xué)習(xí)交流

電腦開不了機(jī)的原因和解決辦法

熱門圖片

猜你喜歡的新聞

猜你喜歡的關(guān)注

新聞熱點(diǎn)

2019-10-23 09:17:05

2019-10-21 09:20:02

2019-10-21 09:00:12

2019-09-26 08:57:12

2019-09-25 08:46:36

2019-09-25 08:15:43

疑難解答

圖片精選

網(wǎng)友關(guān)注

国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本