移动端拍照图片上传方向旋转

旋转90度
var canvas = document.getElementById('c');
var ctx = canvas.getContext('2d');
var image = new Image();
image.src = 'data:image/png;base64,' + base64PictureData[0];
image.onload = () => {
canvas.height = image.width
canvas.width = image.height
ctx.translate(0, image.width);
ctx.rotate(-90 * Math.PI / 180);
ctx.drawImage(image,0,0);

需要修改这两个函数中的参数查看旋转方向
ctx.translate(0, image.width);
ctx.rotate(-90 * Math.PI / 180);
使用以下代码段进行方向旋转测试







你可能感兴趣的:(移动端拍照图片上传方向旋转)