javascript - 在不同尺寸的纸张上打印文本

Question

我们正在开发一个贺卡购物车，用户可以在其中选择卡片并指定要在该车上打印的自定义消息。卡片的大小各不相同，要打印的自定义文本的位置也各不相同。我们需要在网页上显示卡片的图像，并且用户应该能够在卡片的图像上书写文本并将文本拖动到特定位置。

虽然跌跌撞撞，我发现有一个 Firefox 插件（js-print-setup）用于从浏览器本身修改打印选项。但我不知道如何在图像的特定位置放置文本。

我不太熟悉打印和 UI/UX 技术。谁能给我指点如何实现这一目标？

Answer 1

恐怕你只能从你的页面触发打印，你不能强制某些打印设置（如页面大小等）。

您所能做的就是通过创建打印样式表来创建“页面”的可打印版本。为此，您必须使用一种名为print.

@media print {
    ....
}

在这里，您可以为打印页面时使用的页面定义单独的外观。你可以做一些聪明的事情，为不同的情况准备不同的风格。

然而，就像我说的那样，没有跨浏览器的 Javascript 解决方案可以让您更改或影响打印机的设置。