画像の縮尺と回転JavaScript

Question

私は自分の画像を回転させようとしています。イメージの実際のサイズ - 300x434は8x8に変換されます。

var c = dc.create('canvas', { 
     id:'canvas_'+_id, 
     width:8, // HERE!!! 8x8 
     height:8, // HERE!!! 8x8 
    }, dom.byId('canses')); 

    var ctx = dom.byId('canvas_'+_id).getContext('2d'); 
    var img = new Image(); 
    img.src = res; 

    ctx.translate(img.width/2, img.height/2); 
    ctx.rotate(rot*(Math.PI/180)); 
    ctx.translate(-img.width/2, -img.height/2); 
    ctx.drawImage(img, 0, 0, 8, 8); // HERE!!! 8x8 

しかし、キャンバスは空です。（使用初期サイズと、すべてが正常に動作

var c = dc.create('canvas', { 
     id:'canvas_'+_id, 
     width:300, 
     height:434, 
    }, dom.byId('canses')); 

    var ctx = dom.byId('canvas_'+_id).getContext('2d'); 
    var img = new Image(); 
    img.src = res; 

    ctx.translate(img.width/2, img.height/2); 
    ctx.rotate(rot*(Math.PI/180)); 
    ctx.translate(-img.width/2, -img.height/2); 
    ctx.drawImage(img, 0, 0); 

uが私を助けることができます）私の英語のおかげで（申し訳ありません

Answer 1

レンダリングするために。。？！その中心を中心に回転した固定サイズの画像

// image is the image 
// ctx is the context 
var x = 100; // where the center of the image will be 
var y = 100; 
var width = 8; // size to draw 
var height = 8; 
// scale and translate 
ctx.setTransform(width/image.width, 0, 0, height/image.height, x, y); 
// rotate image 
ctx.rotate(rot); 
// draw image 
ctx.drawImage(image, -image.width/2,-image.height/2); 

// resets the default transform; 
ctx.setTransform(1,0,0,1,0,0)