I am using html2canvas and when i call the code it’s not printing the images in same order as mysqli->fetch loop:
my code is long, i use this canvas code at the end of the loop:
and this is the code
var countImage = 0; html2canvas(document.body).then(function(canvas) { countImage++; var thumbnail_slide = canvas.toDataURL("image/png"); document.body.appendChild(canvas); console.log(countImage); }); $(".section").children(".slide").first().remove();
this is my result:
[Log] 1 (canvas.php, line 83)
[Log] 2 (canvas.php, line 176)
[Log] 3 (canvas.php, line 52)
[Log] 4 (canvas.php, line 114)
[Log] 5 (canvas.php, line 145)
[Log] 6 (canvas.php, line 207)
[Log] 7 (canvas.php, line 238)
[Log] 8 (canvas.php, line 269)
[Log] 9 (canvas.php, line 300)
[Log] 10 (canvas.php, line 331)
[Log] 11 (canvas.php, line 362)
[Log] 12 (canvas.php, line 393)
[Log] 13 (canvas.php, line 424)
[Log] 14 (canvas.php, line 455)
[Log] 15 (canvas.php, line 486)
[Log] 16 (canvas.php, line 548)
[Log] 17 (canvas.php, line 517)
[Log] 18 (canvas.php, line 579)
If you see the line numbers of output result. 83 comes before 52 and 176 before other 4.
What i am expecting is:
[Log] 1 (canvas.php, line 52)
[Log] 2 (canvas.php, line 83)
[Log] 3 (canvas.php, line 114176)
[Log] 4 (canvas.php, line 145)
[Log] 5 (canvas.php, line 176)