Рисовать картинки
Var image = new Image ();
image.src = ”http://img4.duitang.com/uploads/item/201406/25/20140625182321_4mtau.thumb.700_0.jpeg»;
image.onload = function () {}
Context.drawimage (image, x, y);
Context.drawimage (image, x, y, w, h);
Context.drawiamge (Image, SX, SY, SW, SH, DX, DY, DW, DH);
Картинка плитка
Var pat = context.createPattern (image, "repeat");
Context.fillstyle = pat;
Context.fillrect (0,0,400 300);
Изображение обрезка
Сначала нарисуйте путь
Context.clip ();
<html> <head> <meta charset = "utf-8"> <Title> рисуют картинки </title> <meta name = "viewport" content = "width = width device, начальная шкала = 1, минимальный шкал = 1, максимальный шкал = 1, пользовательский scalbale = no"/> </head> <body> <canvas = "canvas" type = "text/javascript"> var ocanvas = document.getelementbyid ("canvas"); var context = ocanvas.getContext ("2d"); context.fillstyle = "#ededed"; context.fillrect (0, 0, 500, 500); // рисовать изображение var img = new image (); // Создать img.src = "img/01.jpg"; // Адрес изображения img.onload = function () {// Обнаружение всей информации о загрузке изображения. // img объект; 0,0: IMG координата начальная точка}; </script> </body> </html>