js-canvas挿入画像、回転角度
2732 ワード
注意:ピクチャの描画はOloadのフィードバックで完成されます.画像のロードは非同期です.でないと、キャンバスには内容がない .座標が回転した後、描画開始位置が に変更されます.
var img = new Image()
img.src = ''
img.onload = function () {
var can = document.querySelector('canvas');
can.width = this.height
can.height = this.width
var ctx = can.getContext('2d')
// 90
ctx.rotate(90 * Math.PI / 180)
//
ctx.drawImage(img, 0, -can.width)
}