Question

我试图用javascript中的图像旋转图形，到目前为止我没有太多运气。我尝试创建一个单独的画布来执行此操作，但这导致了扭曲的图像，似乎在画布上出现和消失。这是我现在正在使用的功能：

function rotImage(img,deg){
    var rotateImage;
    var radDegrees = deg * (Math.PI/180);
    var imageRotCanvas = document.createElement('canvas');
    var imageRotCanvasCtx = imageRotCanvas.getContext('2d');
    var rotWidth = Math.ceil(Math.abs((img.width * Math.cos(radDegrees)) + (img.height * Math.sin(radDegrees))));
    var rotHeight = Math.ceil(Math.abs((-img.width * Math.sin(radDegrees)) + (img.height * Math.cos(radDegrees))));
    imageRotCanvas.width = rotWidth*8;
    imageRotCanvas.height = rotHeight*8;
    imageRotCanvasCtx.rotate(radDegrees);
    imageRotCanvasCtx.drawImage(img,0,0);
    rotateImage = imageRotCanvas.toDataURL('image/png');
    return rotateImage;
}

有没有更好的方法来对2D图形进行基本操作？我正在学习Javascript以获得乐趣，到目前为止，GFX一直是最大的问题。如果有图书馆或其他东西，我会很乐意使用它。这适用于一系列对象而非单个图像。我将要有多个必须旋转的图像。

Answer 1

确定。看起来好像没有一个好的方法来做到这一点，使用外部源保存。我会把它标记为已回答。

在javasctipt中旋转单个图形图像

1 个答案: