15.2.5 如何控制导出图片大小，以适配PDFA4页面比例

Lynn.Dou

需求为：从表格指定区域截图，再贴图方式加载到PDF上（因为PDF不可编辑）

现在遇到问题如下：
1. 表格宽高大概在710，1063 左右，用遍历单元格getColumnWidth和getRowHeight 方式获取累加得到。
2. 使用打印事件得到指定区域的图片，代码如下

// 打印图片
const imagePrintInfo = new GC.Spread.Sheets.Print.PrintInfo();
imagePrintInfo.qualityFactor(5);
imagePrintInfo.paperSize(new GC.Spread.Sheets.Print.PaperSize(GC.Spread.Sheets.Print.PaperKind.a4))
imagePrintInfo.centering(GC.Spread.Sheets.Print.PrintCentering.vertical);
imagePrintInfo.margin({ top: 0, bottom: 0, left: 0, right: 0, header: 0, footer: 0 });
imagePrintInfo.columnStart(range.lt.col);
imagePrintInfo.columnEnd(range.rb.col);
imagePrintInfo.rowStart(range.lt.row);
imagePrintInfo.rowEnd(range.rb.row);
acSheet.printInfo(imagePrintInfo)
workBook.print(sheetIndex)

复制代码

const iframe = e.iframe;
const images = iframe.contentWindow.document.getElementsByTagName('img');
const base64img = images[0].src
console.log('得到图片为', base64img);
currentSignInfo.seal64 = base64img

复制代码

3. 转成的图片的宽达到了3295像素

请问怎么能够把转出来的图片大小控制适配到PDF

Lynn.Dou · Lynn.Dou

SpreadJS打印生产的就是一张清晰的大图，可以在拿到清晰图片之后再去操作，以适应于pdf大小。
网上找了下相关资料，可以参考下：
https://juejin.cn/post/7004322483520143390
另，如果您需求是在同个sheet中生成图片导出pdf（不涉及到跨sheet、跨workbook），那么可以看下“照相机”功能是否满足您的需求，学习指南相关介绍如下：
https://demo.grapecity.com.cn/sp ... era-shape#timestamp

Lynn.Dou · Lynn.Dou

您好，
您提供一个可直接运行的demo，需要能复现“转成的图片的宽达到了3295像素”问题，
并详细描述下您期待的效果（适配A4指的是什么），这边在代码基础上调研下原因。
附件为demo模板，您可以在模板基础上将代码补充完整。

ztgis · ztgis

选择如下，

得到的图片是宽度 3295 像素的PNG图片

期望能够得到适配到PDF的PNG图片

Lynn.Dou · Lynn.Dou

本帖最后由 Lynn.Dou 于 2022-12-23 17:17 编辑

这里图片的像素宽值是代码中设置的canvas width，根据需要将其修改为目标值即可。
示例代码：

// 遍历获取列宽
let colWidth = 0;
let rc = sheet.getColumnCount();
for(var i = 0; i < rc; i++) {
colWidth += sheet.getColumnWidth(i);
}
console.log("sheet表单宽度：" + colWidth)

复制代码

...
// canvas.width = img.naturalWidth;
// 修改canvas的width为colWidth
canvas.width = colWidth;
...

复制代码

具体可参考附件demo

ztgis · ztgis

您这个方法，通过图片重新绘制，图片的清晰度大幅下降，有没有不经过CAVAS转换的办法

Lynn.Dou · Lynn.Dou

这边注意到您此前提供的demo就是通过canvas转换导出的图片呀，这边只是修改了canvas的width值。
demo中是将图片进行了下载，您实际业务情况中是想实现什么样的需求呢？请详细描述下，以便问题的进一步调研。

ztgis · ztgis

本帖最后由 ztgis 于 2022-12-29 15:49 编辑

需求是
1. 从选择的表格区域内提取图片，主要是文字和文字的位置
2. 将图片缩放成合适的大小，而且尽量保持文字的清晰度

实际情况
1. 提取出来的图片太大，宽度 3295 像素，
2. 通过CANVAS压缩提取出来的图片后，图片里的文字模糊

图片是要贴到PDF上的，实现套打

ztgis · ztgis

实现表格的套打目的

ztgis · ztgis

照相机怎么导出成图片？

		自动登录	找回密码
密码			立即注册

[已处理] 15.2.5 如何控制导出图片大小，以适配PDFA4页面比例

最佳答案

12 个回复

SpreadJS 认证

SpreadJS 高级认证

讲师达人

悬赏达人