小编Max*_*ino的帖子

jQuery('#carregar').click(function(){
var canvas  = document.getElementById('canvas');
var image   = document.getElementById('image');
var element = canvas.getContext("2d");
element.clearRect(0, 0, canvas.width, canvas.height);
element.drawImage(image, 0, 0, 300, 300);
});

jsfiddle.net/braziel/nWyDE/

我有一个问题是将图像向右或向左旋转90°.

我在画布上使用了一个图像,同一个屏幕将有几个画布等于示例的画布,但我把它尽可能地靠近项目.

我问,当我点击"向左旋转"和"向右旋转"时,如何向左或向右旋转图像90°？

我在网上尝试了几个代码,但都没有用.

我需要三个基本功能来操作图像:

1. 旋转图像;
2. 缩放图像;
3. 移动图像.

我现在正在尝试缩放图片,但是如果我旋转它,它必须保持旋转的图像.

我需要用鼠标移动图像,同时保持缩放功能,旋转时旋转.

jQuery('#zoom').click(function(){
  element.clearRect(0, 0, canvas.width, canvas.height);
  larguraNova = ( canvasWidth + (escalaPixel * valorZoom) );
  if(larguraNova > canvasWidth){
    /* passo a nova largura que é igual a altura */
    novosDadosWH = larguraNova;
    novosDadosTRBL = ( ( larguraNova - canvasWidth ) / 2 ) ;
  } else {
    /* passo o valor original */
    novosDadosH = novosDadosW = canvasWidth;
  }
});

小提琴