我已經成功創建了一個按鈕,它可以順時針或順時針旋轉圖像。但是,此按鈕只能使用一次。即如果我按CW,我不能使用CCW將圖像還原。Knovajs/HTML5畫布 - 旋轉起源
任何想法?
$rw = $('#rotate_right');
$rw.on('click', function(event) { event.preventDefault ? event.preventDefault() : event.returnValue = false;
darthVaderImg.offsetX(img_width/2);
darthVaderImg.offsetY(img_height/2);
// when we are setting {x,y} properties we are setting position of top left corner of darthVaderImg.
// but after applying offset when we are setting {x,y}
// properties we are setting position of central point of darthVaderImg.
// so we also need to move the image to see previous result
darthVaderImg.x(darthVaderImg.x() + img_width/2);
darthVaderImg.y(darthVaderImg.y() + img_height/2);
darthVaderImg.rotation(90);
stage.batchDraw();
export_changes();
});
$rl = $('#rotate_left');
$rl.on('click', function(event) {
event.preventDefault ? event.preventDefault() : event.returnValue = false;
//darthVaderImg.rotate(90);
darthVaderImg.offsetX(img_width/2);
darthVaderImg.offsetY(img_height/2);
// when we are setting {x,y} properties we are setting position of top left corner of darthVaderImg.
// but after applying offset when we are setting {x,y}
// properties we are setting position of central point of darthVaderImg.
// so we also need to move the image to see previous result
darthVaderImg.x(darthVaderImg.x() + img_width/2);
darthVaderImg.y(darthVaderImg.y() + img_height/2);
darthVaderImg.rotation(-90);
stage.batchDraw();
export_changes();
});`
精湛。這樣可行。任何想法改變圖像(不是方形)並更新它的旋轉偏移到中心?即在風景中我已經制定了中心。其中,當按旋轉它第一次工作。但再次按旋轉它會出錯。 – deanhodges