用html5元素 canvas 绘制图像旋转，放大,缩小

var img = new Image();
img.src = "1.jpg";

c = document.createElement('canvas');
document.body.appendChild(c);

var canvasContext = c.getContext('2d');
c.setAttribute('width', 1000);
c.setAttribute('height', 1000);
canvasContext.drawImage(img, 100, 100,200,200,0,0,1000,1000);

/*
drawImage(image, sourceX, sourceY, sourceWidth, sourceHeight,
          destX, destY, destWidth, destHeight)
image 就是图片

以下4个相当于ps里的距形选区工具,就是选择图片的某块地方
sourceX, sourceY 	图片上的坐标，标识从哪一点开始选择,
sourceWidth, sourceHeight 	选取多宽，多高

下面4个相当于ps新建一个画布，上面选区选中的那部分放到这个画布里，如果画布大于选区的大小，那么图片将会放大。
destX, destY 	放到画布上的坐标
destWidth, destHeight 	画布大小

*/

主要是CanvasRenderingContext2D 对象参考：
http://www.w3school.com.cn/htmldom/dom_obj_canvasrenderingcontext2d.asp