【V15】如何设置页眉图片的尺寸

Wilson.Zhang

如题，在其他帖子里看到了可以通过printInfo的margin属性控制页眉图片尺寸，但是并没有讲清楚margin的各个属性是如何影响页眉图片尺寸的，请具体说明一下，谢谢～

Wilson.Zhang · Wilson.Zhang

Kin7 发表于 2024-8-14 20:59
场景比较复杂，在线离线都有，看上去是不能使用水印的方案了。

您可以尝试把您需要的图片结合文字的效果制作成图片，将图片对应的base64码设置到页眉上，这样即便导出为Excel文件也有页眉图片。

Wilson.Zhang · Wilson.Zhang

您好！页眉图片的尺寸由margin的top属性控制，即由页眉高度自适应控制显示尺寸。
关于margin的各属性，请参考官网API文档了解详情：https://demo.grapecity.com.cn/sp ... .Print.PrintMargins
关于页眉页脚设置，请参考官网教程了解详情：
https://demo.grapecity.com.cn/sp ... custom-print/purejs

Kin7 · Kin7

Wilson.Zhang 发表于 2024-8-2 12:21
您好！页眉图片的尺寸由margin的top属性控制，即由页眉高度自适应控制显示尺寸。
关于margin的各属性，请 ...

文档写的不是很好理解。可否举例说明，假设图片宽高是100x100，我想设置它在页眉中的宽高为200x200，应该怎么做？

Kin7 · Kin7

Kin7 发表于 2024-8-4 16:52
文档写的不是很好理解。可否举例说明，假设图片宽高是100x100，我想设置它在页眉中的宽高为200x200，应该 ...

我把图片转换为200x200的base64放进printInfo中，最终生成的页眉却还是100x100的

Kin7 · Kin7

本帖最后由 Kin7 于 2024-8-4 20:00 编辑

Kin7 发表于 2024-8-4 18:27
我把图片转换为200x200的base64放进printInfo中，最终生成的页眉却还是100x100的

新的问题，页眉中left设置了比较长的文本，center设置了图片，打印预览的效果是center的图片遮挡了left的文本。想要的效果是文本挨着图片的下边缘，应该怎么做呢？

Wilson.Zhang · Wilson.Zhang

Kin7 发表于 2024-8-4 18:27
我把图片转换为200x200的base64放进printInfo中，最终生成的页眉却还是100x100的

您好！margin对象的各属性表示了各方向的页边距，设置top属性值即调整了上部页边距，页眉在上部页边距划定的区域内，header属性指示了设置的页眉内容在该区域内的偏移量。因此呢，页眉中设置的图片不以其实际尺寸显示，而是根据top、header等属性值划定的区域面积自适应填充。如果您需要页眉中的图片显示尺寸为200*200，那原始图片应该为正方形，同时设置margin对象的top属性为200，且不设置header偏移量。
您可以体验官网教程以加深理解：https://demo.grapecity.com.cn/sp ... custom-print/purejs

Wilson.Zhang · Wilson.Zhang

本帖最后由 Wilson.Zhang 于 2024-8-6 09:46 编辑

Kin7 发表于 2024-8-4 19:58
新的问题，页眉中left设置了比较长的文本，center设置了图片，打印预览的效果是center的图片遮挡了left ...

您好！如您所述页眉左侧设置了长文本，长文本将横向扩展。如果将图片设置为水印，长文本仍然横向扩展，但会显示在水印上方。您可以将长文本和图片整体制作为图片或水印，再将其设置在页眉相关位置。
您可以体验官网教程以加深理解：https://demo.grapecity.com.cn/spreadjs/SpreadJSTutorial/features/print/custom-print/purejs

Kin7 · Kin7

Wilson.Zhang 发表于 2024-8-6 09:41
您好！margin对象的各属性表示了各方向的页边距，设置top属性值即调整了上部页边距，页眉在上部页边距划 ...

如果原始图片为100x100，要显示为200x100呢

Wilson.Zhang · Wilson.Zhang

Kin7 发表于 2024-8-6 12:49
如果原始图片为100x100，要显示为200x100呢

据我了解，这种情况就建议使用水印设置了。

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

[已处理] 【V15】如何设置页眉图片的尺寸

最佳答案

18 个回复