html旋转放大缩小,用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 画布大小

*/