js图片base64 图片宽高
时间: 2023-11-23 12:58:08 浏览: 48
根据提供的引用内容,我们可以得知如下方法来获取图片的宽高:
```javascript
// 获取图片宽高
function getImageSize(base64Str) {
return new Promise((resolve, reject) => {
const img = new Image();
img.onload = function () {
resolve({
width: img.width,
height: img.height
});
};
img.onerror = reject;
img.src = base64Str;
});
}
```
使用方法:
```javascript
const base64Str = 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIA...';
getImageSize(base64Str).then(size => {
console.log(size.width, size.height);
});
```
相关问题
获取base64图片的宽高
要获取base64图片的宽高,可以通过以下方法实现。首先,将base64图片转换为Blob对象。然后,创建一个Image对象并将Blob对象作为src属性值赋给它。在Image对象的load事件中,可以获取到图片的宽高信息。
```javascript
function getBase64ImageSize(base64) {
return new Promise((resolve, reject) => {
const img = new Image();
img.src = base64;
img.onload = function() {
resolve({ width: img.width, height: img.height });
};
img.onerror = function() {
reject(new Error('Failed to load image'));
};
});
}
```
JS PDF base64 转 图片
您可以使用JavaScript的Canvas API将base64编码的PDF转换为图片。下面是一个示例代码:
```javascript
// 创建一个Image对象
var img = new Image();
// 将base64编码的PDF赋值给Image对象的src属性
img.src = 'data:application/pdf;base64,' + yourBase64PDF;
// 等待图片加载完毕
img.onload = function() {
// 创建一个Canvas元素
var canvas = document.createElement('canvas');
var ctx = canvas.getContext('2d');
// 设置Canvas的宽高与图片一致
canvas.width = img.width;
canvas.height = img.height;
// 在Canvas上绘制图片
ctx.drawImage(img, 0, 0);
// 将Canvas转换为base64编码的图片
var base64Img = canvas.toDataURL('image/png');
// 打印base64编码的图片数据
console.log(base64Img);
};
```
您需要将`yourBase64PDF`替换为您实际的base64编码的PDF数据。该代码会将PDF转换为base64编码的图片数据,并将其打印到控制台。