Javascript 从GoJS中的base64图像字符串获取图像高度和宽度
我试图从图像的base64字符串表示中获取图像的高度和宽度,我使用的是GoJS 我最终想要做的是使用jspdf库将该图像添加到PDF中 以下是我迄今为止所做的工作:Javascript 从GoJS中的base64图像字符串获取图像高度和宽度,javascript,angular,base64,gojs,Javascript,Angular,Base64,Gojs,我试图从图像的base64字符串表示中获取图像的高度和宽度,我使用的是GoJS 我最终想要做的是使用jspdf库将该图像添加到PDF中 以下是我迄今为止所做的工作: download() { let imgData = this.diagram.makeImageData({background: "white", returnType: "string"}); let pdf = new jspdf('p', 'mm', 'a4'); // A4 size page of P
download() {
let imgData = this.diagram.makeImageData({background: "white", returnType: "string"});
let pdf = new jspdf('p', 'mm', 'a4'); // A4 size page of PDF
var position = 0;
var imgWidth = imgData.width; //Reading width from Image Data
var imgHeight = imgData.height; //Reading height from Image Data
pdf.setFontSize(30);
pdf.text("Diagram", 100, 20, 'center');
pdf.addImage(imgData, 'PNG', 1, 25, position, imgWidth, imgHeight);
pdf.save("Diagram.pdf');
}
在该imgData.width和imgData.height中,visual studio intellisense显示“属性'height'和'width'在类型'string'上不存在”。
如何获取图像的高度和宽度属性?使用该图像数据创建一个HTMLImageElement,然后在加载后获取其自然宽度和自然高度:
var imgData = myDiagram.makeImageData(. . .);
var img = document.createElement("img");
img.addEventListener('load', function(e) {
console.log(img.naturalWidth + " " + img.naturalHeight);
});
img.src = imgData;
如果图像类型是blob怎么办?