Pregled code-a:
<!DOCTYPE HTML> <html lang="hr"> <head> <meta charset="UTF-8"> <title>CANVAS - Image - Slicing</title> <script> function crtaj() { var can = document.getElementById('kan1'); if (can.getContext){ var ctx = can.getContext('2d'); var img = document.images[0]; var w = img.width; var h = img.height; ctx.drawImage(img, 0,0,w/2,h/2, 0,0,can.width/2,can.height/2); } } window.onload=crtaj; </script> </head> <body> <img src="../slike/landscape.jpe" width="284" height="177"> <br clear="all"> <br>Iz gornje slike je izrezana 1/4 slike, tj. gornji desni kvadrant i to je povećano. <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/37img_slicing.html
.