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