javascript - EDGE cant copy large images using JS in to a canvas? -

i have code, copy parts image "smoothchartshowanalisyscopy" (500px x 250px) in large 1 "analysisfullgraph1" (32172px x 250px).

and working for ie, firefox, chrome, safari e vivaldi, but not ok edge...

edge, can copy begin of large image... maybe max possition of 14000px...

var c   = document.getelementbyid('analysisfullgraph1'); 32172px x 250px var ctx = c.getcontext('2d');  var imagenow = document.queryselector('#smoothchartshowanalisyscopy'); var ctximagenow = imagenow.getcontext('2d');   function copy(){     var elmnt  = document.queryselector('#analysisfullgraphcontainer1');     var x = elmnt.scrollleft;     var y = elmnt.scrolltop;     var imgdata = ctx.getimagedata(x, 0, 828, 270);     ctximagenow.putimagedata(imgdata, 0, 0);  } 

i cant find info on microsoft docs, not in google..

i appreciate ou tips!

the maximum size of rendered area on canvas 0,0 8192 x 8192 pixels, regardless of size of canvas. example, canvas created width , height of 8292 pixels. rectangular fill applied "ctx.fillrect (0,0, canvas.width, canvas.height)".only area within coordinates (0, 0, 8192, 8192) can rendered, leaving 100 pixel border on right , bottom of canvas. link

i searched microsoft edge canvas size limit - second link