js base64图片旋转90度
时间: 2023-09-09 19:09:07 浏览: 81
你可以使用以下的 JavaScript 代码来旋转一个 base64 编码的图片 90 度:
```javascript
// 创建一个 Image 对象
var img = new Image();
// 设置图片的源为 base64 编码
img.src = 'data:image/png;base64,iVBORw0KG...';
// 当图片加载完成后执行旋转操作
img.onload = function() {
// 创建一个 Canvas 元素
var canvas = document.createElement('canvas');
var ctx = canvas.getContext('2d');
// 设置 Canvas 的宽高,确保能够容纳旋转后的图片
canvas.width = img.height;
canvas.height = img.width;
// 在 Canvas 上绘制旋转后的图片
ctx.translate(canvas.width / 2, canvas.height / 2);
ctx.rotate(Math.PI / 2);
ctx.drawImage(img, -img.width / 2, -img.height / 2);
// 将 Canvas 转换为 base64 编码的图片
var rotatedBase64 = canvas.toDataURL('image/png');
// 打印旋转后的 base64 编码
console.log(rotatedBase64);
};
```
你需要将 `img.src` 的值替换为你的 base64 编码图片。在上述代码中,我们创建了一个 Image 对象,然后在它加载完成后使用 Canvas 进行旋转操作,并将旋转后的图片转换为 base64 编码。
请注意,这段代码只适用于旋转90度。如果你需要旋转其他角度,需要进行适当的调整。