canvas绘制图片与旋转

const img = new Image()

img.src = url

img.onload = function() {

//图片onload后才能获得width和height
}

const mycanvas = document.createElement('canvas')

ctx.translate(x, y)  //把画原点更改

ctx.rotate(Math.PI / 2)  //顺时针旋转90度，默认旋转点为0，0，可以自行更改

ctx.drawImage(img, 0, 0, w, h)

//ctx.drawImage(img, 起始x点, 起始y点, 绘制宽, 绘制高)

mycanvas.toDataURL()  //把整个canvas转换成图片进行保存