Computer >> Máy Tính >  >> Lập trình >> Javascript

Làm cách nào để xoay một hình ảnh có phần tử HTML5 canvas từ góc dưới trung tâm?


Dịch kích thước hình ảnh thành 32, 120 -

context.translate(32, 120);

Bây giờ hãy xoay canvas -

context.rotate(90 * Math.PI/180);

Bây giờ hãy vẽ hình ảnh -

context.drawImage(img, -32, -120, 64, 120);