V14.2.0打印排版有问题

收藏

打印纵向排版没问题，
调成横向排版就乱了如下图所示：
有哪位大佬帮忙看一下

Matthew.Xue · Matthew.Xue

本帖最后由 Matthew.Xue 于 2025-4-2 16:14 编辑

您好，有必要给您介绍一下SpreadJS打印的原理。
SpreadJS的打印功能，本质上是根据用户在SpreadJS中的PrintInfo配置，生成图片，并传输给浏览器的打印接口，浏览器接受到打印请求后，会弹出您截图中的弹框，此时浏览器也可以再设置一次打印的方向、纸张等信息，这些配置和SpreadJS中PrintInfo的配置是无关的，浏览器没有提供接口来修改打印弹框中的配置，SpreadJS也无法监听到用户在浏览器弹框中修改打印方向的行为，从而改变图片的内容。
您在截图中修改打印方向，就是在浏览器的打印弹窗中修改的，此时SpreadJS传给浏览器的内容（图片）已经确定了，就相当于您打印一张图片，修改打印方向当然会对打印的结果有影响。
如果您不希望受到浏览器打印弹窗的影响，可以尝试spread.savePDF方法，此方法可以直接导出PDF，不经过浏览器的打印弹框，并且导出的不是图片，而是可复制的文本类型。但是需要注意的是，用savePDF方法时您需要提前注册字体，否则有可能造成字符乱码。注册字体的demo：
注册pdf字体

大兵大兵来了 · 大兵大兵来了

你好，你说的我大致明白了，但是，现在需要连接打印机打印，并且支持横向排版，所以，现在spread Js 是不支持正常的横向排版的对吗？

Matthew.Xue · Matthew.Xue

大兵大兵来了发表于 2025-4-2 16:12
你好，你说的我大致明白了，但是，现在需要连接打印机打印，并且支持横向排版，所以，现在spread Js 是不支 ...

SpreadJS的打印和导出为PDF都支持横向排版，都受到printInfo配置的影响。

let printInfo = sheet.printInfo()
printInfo.orientation(GC.Spread.Sheets.Print.PrintPageOrientation.landscape) // landscape是横向，portait是纵向

复制代码

printInfo是sheet级别的设置，需要对每个sheet都进行修改。

大兵大兵来了 · 大兵大兵来了

那这个代码应该是写死的吧，不支持在打印预览页面手动修改

Matthew.Xue · Matthew.Xue

大兵大兵来了发表于 2025-4-2 16:31
那这个代码应该是写死的吧，不支持在打印预览页面手动修改

我们提供的是api接口，您可以在任何地方调用。
用户想要打印，一般都会有一个打印的按钮，您可以在用户点击打印按钮之后弹出一个弹框，让用户在弹框中自行配置打印的方向，点击确定后根据用户的选择设置好printInfo.orientation后再调用spread.print。
这其实都是ui层面的行为，在最新的版本中，这些功能都已经集成进designer了：
image.png994169006.png

大兵大兵来了 · 大兵大兵来了

我刚试了一下，打印多页的情况还是有问题

Matthew.Xue · Matthew.Xue

大兵大兵来了发表于 2025-4-2 16:40
我刚试了一下，打印多页的情况还是有问题

具体遇到什么问题，您可以详细描述一下

大兵大兵来了 · 大兵大兵来了

就是横向排版第一页还没有排满，还会有第二页空白页

大兵大兵来了 · 大兵大兵来了

我用的版本是v14.2.0

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

[已处理] V14.2.0打印排版有问题

21 个回复