zhuhao
/
AIx_Smarttalk
2
0
Fork 0
Code Issues Pull Requests Packages Projects Releases 24 Wiki Activity

设置pdf 比例

This commit is contained in:
zhangxuelin 2024-07-26 15:32:43 +08:00
parent 705dbf3832
commit 0d2fe7655f
1 changed files with 20 additions and 21 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

41
src/renderer/src/components/pdf/index.vue
View File

@ -50,8 +50,7 @@ const renderPage = async (canvasobj) => {
const pdf = await pdfjsLib.getDocument(props.pdfObj.pdfUrl).promise
// 渲染当前页
const page = await pdf.getPage(canvasobj.page)
const viewport = page.getViewport({ scale: 1 })
const viewport = page.getViewport({ scale: 1.28 })
const canvasElement = canvasobj.canvas
canvasElement.width = viewport.width
canvasElement.height = viewport.height
@ -67,34 +66,34 @@ const renderPage = async (canvasobj) => {
img.onload = () => {
// 在这里执行图像加载完成后的操作
// 根据传过来的pdf对象 判断改渲染哪一个fabric
var screenWidth = window.innerWidth/2-10;
var screenHeight = window.innerHeight;
// 计算图像的原始宽度和高度
var imgWidth = img.width;
var imgHeight = img.height;
// 计算图像的缩放比例以适应屏幕
var widthRatio = screenWidth / imgWidth;
var heightRatio = screenHeight / imgHeight;
//选择较小的缩放比例以确保图像完全适应屏幕
var scaleRatio = Math.min(widthRatio, heightRatio);
// 计算缩放后的图像尺寸
var targetWidth = imgWidth * scaleRatio;
var targetHeight = imgHeight * scaleRatio;
// var screenWidth = window.innerWidth/2-10;
// var screenHeight = window.innerHeight;
// // 计算图像的原始宽度和高度
// var imgWidth = img.width;
// var imgHeight = img.height;
// // 计算图像的缩放比例以适应屏幕
// var widthRatio = screenWidth / imgWidth;
// var heightRatio = screenHeight / imgHeight;
// //选择较小的缩放比例以确保图像完全适应屏幕
// var scaleRatio = Math.min(widthRatio, heightRatio);
// // 计算缩放后的图像尺寸
// var targetWidth = imgWidth * scaleRatio;
// var targetHeight = imgHeight * scaleRatio;
if (props.pdfObj.numberOfPdf == 2) {
if (canvasobj.index == 0) {
fabriccanvas.value.setWidth(targetWidth)
fabriccanvas.value.setHeight(targetHeight)
fabriccanvas.value.setWidth(img.width)
fabriccanvas.value.setHeight(img.height)
displayData(fabriccanvas, canvsStore, canvasobj, fabric, img)
} else {
fabriccanvas1.value.setWidth(targetWidth)
fabriccanvas1.value.setHeight(targetHeight)
fabriccanvas1.value.setWidth(img.width)
fabriccanvas1.value.setHeight(img.height)
displayData(fabriccanvas1, canvsStore, canvasobj, fabric, img)
}
} else {
fabriccanvas.value.setWidth(targetWidth)
fabriccanvas.value.setHeight(targetHeight)
fabriccanvas.value.setWidth(img.width)
fabriccanvas.value.setHeight(img.height)
displayData(fabriccanvas, canvsStore, canvasobj, fabric, img)
}
// console.log(imgarr.value)