Pregled code-a:
<!DOCTYPE HTML> <html lang="hr"> <head> <meta charset="UTF-8"> <title>CANVAS - Image - Other Domain</title> <script> function crtaj() { var can = document.getElementById('kan1'); if (can.getContext){ var ctx = can.getContext('2d'); var img = new Image(); img.src='http://brvno.com/pics/brvno_logo300x161.png'; /* prvi oblik za onload event img.onload = function(){ ctx.drawImage(img, 10,5); } */ //drugi oblik za onload event img.addEventListener("load", function() { ctx.drawImage(img, 10,5); }); console.log(img); } } window.onload=crtaj; </script> </head> <body> <a href="http://brvno.com/pics/brvno_logo300x161.png">Ova slika</a> je na drugoj domeni ali će ipak biti prikazana u CANVASu dolje. <br> <br> <canvas id="kan1" width="500" height="300" style="border:1px solid #AAAAAA;background:#DDDDDD;"> Vaš browser ne podržava CANVAS element! </canvas> <br><br> </body> </html>
Pregled stranice:
Pogledaj stranicu
../html/html5canvas/primjeri/35img_other_domain.html
.