Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/70.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 有没有办法在画布上绘制损坏的图像?_Javascript_Html_Html5 Canvas - Fatal编程技术网

Javascript 有没有办法在画布上绘制损坏的图像?

Javascript 有没有办法在画布上绘制损坏的图像?,javascript,html,html5-canvas,Javascript,Html,Html5 Canvas,我试图在画布上画一个图像。我使用的图像是从服务器获取的base64字符串。出于测试目的,我在调试时将映像保存到客户端和服务器的磁盘上。图像保存得很好。在画布中绘制时,图像不会在Chrome和Firefox中渲染。但它在IE11中运行良好。是否有任何方法可以让图像在所有浏览器中绘制 var base64String = "data:image/png;base64,SUkqANZ1AQAAEbQhURQh0dUQ6mh0dHQ62ao6GIEQkpodHSEOqKiHXodDqaoh1NOqKaO

我试图在画布上画一个图像。我使用的图像是从服务器获取的base64字符串。出于测试目的,我在调试时将映像保存到客户端和服务器的磁盘上。图像保存得很好。在画布中绘制时,图像不会在Chrome和Firefox中渲染。但它在IE11中运行良好。是否有任何方法可以让图像在所有浏览器中绘制

var base64String = "data:image/png;base64,SUkqANZ1AQAAEbQhURQh0dUQ6mh0dHQ62ao6GIEQkpodHSEOqKiHXodDqaoh1NOqKaOjo6HU0dUQ6mqIdeh16dSUJQqJCmh0hUR0OvQ6HU0OqIdenXodTQ69DqidTVEdOpodIXIdDr1RDokXIdeh0OuQ6HXodDr0Oh16HQ6oh16HQ6mh1NDqioi6XS0OqKidcnXp16HTr0OqIdHQ69Dodch1PHX469D1EOvQ6HU0OqIdch0hUQ2h0dF0DVEOqI6HS2tgiHQ65Do6Qh1NDqiQqIdHU0OhiOhCHU0dOqL0OpqiHXodDpe0XR0OvQ6QqIdHVE69DqaHXpOADuamqIujo6IR1t1RHVEhHR0dBqiOi6OkI6BobS8IQgRF1RHSEDR0dA0hNypCEOqIhAilqtlCS1uEDSEDQmhpURCmh0XR1sYqI6Bo6og0NI6QkJCLoGhpSLpCGJCEJCQjoQh0dIVEdBEDRmACU.." //only few of the string is shared
function drwImage(base64String) {
var canvas = document.createElement('canvas');
var context = canvas.getContext('2d');
var img = new Image();
img.onload=function(){
    context.drawImage(img, 0, 0, 1, 1);
}
img.src = base64String;
}

提前感谢您的帮助。

似乎与序列化图像有关,正如您在下面的代码片段中所看到的,它在Chrome上工作,我使用了一个。 正如您所看到的,datauri几乎完全不受支持

var base64String=“数据:图像/jpeg;base64,/9j/4AAQSKZJRGABAAQAAAD/4QAQRXHPZGASUKQAAGAAABABHB29NBGUAP/BAIQAAWICCAGAGAGICAGICAGICAGICAGICAGICAGICAGICAGICAGICAGICAGICAGICAGICAGICAGKCQICASNCGGNCADGCAEDBAQGBYKBGYK4KDHANEBAQDW0NDG4NDQ0NDQ0NDQ0NDQ0NDQ0NDQ0NDQ0NDQ0NDQ0NDQ0NDQ0NDQ0NDQ0NDQ0NDQ0NDQ0NDQ0NDQ0NDQ0NDQ0NDQ0ADQ0NDQ0NDQ0NDQ0NDQ0NDQ0NDQ0NDQ0NDQ0NDQ0NDQ0NDQ0NDQ0NDQ0NDQ0NDQ0NDQ0NDQ0NDQ0NDQ0NDQ0GQKBWKbaaQaaQaaQaaQaaQaaQaaQaaQaaQaaQaaQaaQaaQaaQaaQaaQaaQaaQaaQaaQaaQaaQaaQaaQaaQaaQaaQaaQaaQaaQaaQaQaQaQaQaQaQaQaQaQaQaQaQaQaQaQaQaQaQaQaQaQaQaQaQaQaQaQaQaQaQaQaQaQaQaQaQaQaQaQaQaQaQaQaQaQaQaQaQaQaQaQaQaQaQaQaQaQaQaQaQaQaQaQaQaQaQaQaQaQaQaQaQaQaQaQaQaQaQa2.2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 Znemee0uezorpu2.中国政府在一个中国政府在一个中国政府在一个中国政府在一个中国政府在一个中国政府在一个中国政府在一个中国政府在一个中国政府在一个中国政府在一个中国政府在一个中国政府在一个中国政府在一个中国政府在一个中国政府在一个中国政府在一个中国政府在一个中国政府在一个中国政府在一个中国政府在一个中国政府在一个中国政府在一个中国政府在一个中国政府的一个中国政府在一个中国政府在一个中国政府在一个中国政府在一个中国政府在一个中国政府在一个中国政府在一个中国政府在一个中国政府在一个中国的一个中国政府在一个中国政府的一个中国政府在一个中国政府在一个中国政府在一个中国政府在一个中国在一个中国在一个中国在一个中国政府一个中国政府在一个中国政府在一个中国政府在一个中国在一个中国政府的政府的JUQQQSCT9OXBA7DCMK65月6月6月6月6日,一家研究基金会(一家研究基金会)在一家研究基金会(一家研究基金会(一家研究基金会)在一家研究基金会(一家研究基金会(一家研究基金会)在一家研究基金会(一家研究基金会)在一家研究基金会(一家研究基金会)在一家研究基金会(一家研究基金会)在一家研究基金会(4月9月9日)的准准准准准准准准准准准准准准准准准准准准准准准准准准准准准准准准准准准准准准准准准准准准准准准准准准准准准准准准准准准准准准准准准准准准准准准准准准准准准准准准准准准准准准准准准准准准准准准准准准准准准准准准准准准准准准准准准准准准准准准准准准准准准准6WOJG0CSR0LRWLQX+saxFy4.中文意思是一个简单的中文意思意思是一个简单的中文意思是一个简单的中文意思是一个简单的中文意思是一个简单的中文意思意思是一个简单的中文意思是一个关于两个两个两个两个两个两个两个两个两个两个两个两个两个两个两个两个两个两个两个两个两个两个两个两个两个两个两个两个两个两个两个两个两个两个两个两个两个两个两个两个两个两个两个两个两个两个两个两个两个两个两个两个两个两个两个两个两个两个两个两个两个两个两个两个两个两个两个两个两个两个两个两个两个两个两个两个两个两个两个两个的的的的的的的的的的的两个两个两个两个两个两个两个两个两个L+7DDa1eOkksl68月8日,他们在一个月内完成了一个任务。2月6日,他们在一个月内完成了一个任务。2月6日,他们在一个月内完成了一个ZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZQQSWAIFJ3OV3JEYCRYT0研究结果表明,这是一个非常有用的研究成果。这是一个非常有用的研究成果。这是一个研究成果。一个研究成果是一个研究成果。2个研究成果是一个研究成果。一个研究成果是一个研究成果。一个研究成果是一个研究成果。2个研究成果是一个研究成果。2个研究成果是一个研究成果。2个研究成果。2个研究成果是一个研究成果。2个研究成果是一个研究成果。2个研究成果是一个非非非非非非非非非非非非非非非非非非非非非非非非非非非非非非非非非非非非非非非非非非非非非非非非非非非非非非非非非非非非非非非非非非非非非非非非非非非非非非非非非非非非非非非非非非非非非非非非非非非非非非非非非非非非非非非非非非非非非非P8ACSQZDCUKRXLIBTYYX6NE8月8日,一个8月8月8日,一个5月5月6月6日,一个6月6月6月6日,一个6月6月6日,一个8月8月8日,一个8月8日,一个8月8月8日,一个8月8月8日,一个8月8月8日,一个8月8月8日,一个8月8月8号,一个8月8 8 8 8 8 8号,在一个8 8 8号,一个8月,一个8号,一个8号,一个8号,一个8号,一个8号,一个8号,一个8号,一个8号,一个8号,一个8号,一个8号,一个8号,一个8号,一个8号,一个8号,一个8号,一个8号,一个8号,一个8号,一个8号,一个8号,一个8号,PDSSNYASQQLSFAVva(2)这两个词的意思是:一个词的意思意思是:这个词的意思意思是:这个词的意思意思是:一个词的意思意思是:这个词的意思意思是:2 2)是指,2 2 2 2 2 2 2 2)这个词的意思意思是:这个词的意思是,这个词的意思是:一个词的意思是:一个单词的意思是:一个单词(2)这个词的意思意思是“2 2 2 2。2)这个词的意思意思是“2 2 2 2 2(2)这个词的意思是“2 2(2(2)2)2)2(2)这个词的意思意思意思意思意思是“2)2)这个词的意思是“2(2(2)2)2)2)2)2(2(2(2)2)这个意思意思意思意思意思是“2)2)2)2)2)这个意思是“2)这个意思意思意思意思是“2(2(2(2)是2)2)是QBQ+P8AFSDLOSMU3xK2K2.vvvvvvvvvvvvvvvvvvvvvvvvvvvvvwww2+vffrzbbvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvv8 8 8 8 8(vvvvvvvvvvvvvvvvvvvvvvvvvvvvv8)8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8(8(8)8)8 8 8 8 8 8 8(vvvvvvvvvvvvvvvvvvvvvvvvv8(8(8(8(8)vvvvvvvv8(8)vv8(8(8)vv8(8)JCIB1KGMA176I50JASWBY9PVZDZB14PEDKCTSIO2.中国的一家报纸8月8日的一家报纸8月8日的一家报纸8月8日的一家报纸8月8日的一家报纸加上了一个QQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZ08Tse1rLazdjazamtmotlyckookd32.我的研究成果是一个非常有用的。6.我的研究成果是一个非常有用的。6.一个非常有用的研究成果,一个非常有用的研究成果,一个非常有用的人,一个非常有用的人,一个非常有用的研究成果,一个非常有用的人,一个非常有用的6 6 6。6.6.6。6。6。6。6。6。6。6。6。6。6。6。6。6。6。6。6。6。6。6。6。6。6。6。6。6。6。6。6。6。6。6。6。6。6。6。6。6。6。6。6。6。6。6。6。6。6。6。6。6。6。6。6。6。6。6。6。6。6。6。6。6。6。6。6。6。6。6。6。6。6。6。6。6。6。6。6。6 Q3828L5HW/WeOniR2.2 2 2 2 2 2 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 OCK/1uNrJSRWAPzB8HI在一份研究报告中给出了一个具体的研究结果,一份研究结果表明,该研究是在一份研究报告中给出了一个具体的研究成果。该研究是在一份研究数据/一份研究报告中提出了一个新的研究项目,该研究是一份关于一份关于一份关于一份关于一份关于一份关于一份研究的研究报告,一份关于一份关于一份关于一份关于一份关于一份关于一份关于一份研究的研究的研究的研究报告,一份关于一份关于一份关于一份关于一份关于一份关于一份关于一份关于一份关于一份关于一份关于一份关于一份关于一份关于一份关于一份关于一份关于一份关于一份关于一份关于一份关于一份关于一份关于一份关于一份关于一份关于一份关于一份关于一份关于一份关于一份关于一份关于一份关于一份关于一份关于一份关于一份关于一份关于一份关于一份NXKUK+RVVE5ZGwchvbGtHWyZZUSMsOYOno9yO