Menggambar
Gambar var = gambar baru ();
Image.src = ”http://img4.duuitang.com/uploads/item/201406/25/20140625182321_4mtau.thumb.700_0.jpeg”;
image.onload = function () {}
Context.drawimage (gambar, x, y);
Context.drawimage (gambar, x, y, w, h);
Context.drawiamge (Image, SX, SY, SW, SH, DX, DY, DW, DH);
Ubin gambar
Var pat = context.createPattern (gambar, "ulangi");
Context.fillstyle = pat;
Context.Fillrect (0,0,400.300);
Pemangkasan gambar
Gambarkan jalan setapak terlebih dahulu
Context.clip ();
<html> <head> <meta charset = "utf-8"> <itement> menggambar gambar </itement> <meta name = "viewport" content = "width = perangkat-lebar, skala awal = 1, skala minimum = 1, skala maksimum = 1, skala user = tidak"/</head </head> <canvas idvas = "canvas =" canvas = "scrips"> </head </head> <body> <Canvas ID = "JAVA"> </no "</head> <wead> <Canvas ID =" Canvas = "" no "/no"/</head> <wead> <Canvas ID = "Canvas =" var ocanvas = document.getElementById ("canvas"); var context = ocanvas.getContext ("2d"); context.fillstyle = "#Ededed"; Context.Fillrect (0, 0, 500, 500); // Gambar gambar var img = gambar baru (); // buat img.src = "img/01.jpg"; // Alamat gambar img.onload = function () {// Mendeteksi semua halaman pemuatan informasi gambar konteks.drawimage (img, 0, 0); // objek img; 0,0: IMG Koordinat Titik Awal}; </script> </body> </html>