Question

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

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

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

Answer 1

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

您可以通过creating a print stylesheet创建“页面”的可打印版本。要实现这一点，您必须使用一种名为print的CSS媒体类型。

@media print {
    ....
}

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

但正如我所说，没有跨浏览器的Javascript解决方案可以让您更改或影响打印机的设置。