angular7 - 如何使用angular7和fabric js在画布上显示pdf
问题描述
我想使用angular7和fabric js在画布上显示pdf作为图像
我找不到任何可以在 angular7 中尝试的代码
解决方案
最后我能够解决这个问题......我已经使用了 pdfjsLib 并且我已经在我的 ts 文件中导入了(import * as pdfjsLib from 'pdfjs-dist/build/pdf';)
public src="/assets/myPhotos.pdf";
showPdf(){
pdfjsLib.getDocument(this.src).then(doc =>{
// console.log("this file has "+ doc._pdfInfo.numPages+ "pages");
doc.getPage(1).then(page => {
var myCanvas = <HTMLCanvasElement>document.getElementById("my_canvas");
var context = myCanvas.getContext("2d");
var scale = 1.5;
var viewport = page.getViewport(scale);
myCanvas.width = viewport.width;
myCanvas.height = viewport.height;
page.render({
canvasContext : context,
viewport : viewport
})
})
});
}
推荐阅读
- vert.x - Vertx - 不保证verticle中的停止方法
- anylogic - 如何在anylogic中将数据库位置设置为GISPoints
- vba - 使用相同的“字符串值”但不同的 ID 在拆分表单上对组合框中的记录进行分组
- python - 朗伯函数
- flutter - 颤动复制错误:未定义命名参数'id' undefined_named_parameter
- python - 根据其他列计算 DataFrame 列
- apache-spark - 为什么 Spark 中的 RDD、Dataframe 和 Dataset 都被称为 Api?
- python - (OpenCV) 使用特征匹配后,如何在目标图像之上绘制原始图像?
- python - 使用python从mongodb中仅获取基于过滤器的特定字段
- html - 垂直居中图像内的元素