Html 如何";“展平”;从浏览器打印图像时?

Html 如何";“展平”;从浏览器打印图像时?,html,image,pdf,printing,flatten,Html,Image,Pdf,Printing,Flatten,我们有允许用户打印的网页。页面可能包含我们希望“保护”的图像。我们使用了几种技术来防止天真的用户从网页上“复制”图像 当用户打印时,浏览器提供的一个选项是“打印到PDF”。我们没有办法防止这种情况。问题是,PDF是由离散图像组成的,因此任何用户都可以从PDF中单独选择和复制图像 我们希望使用可以解决这个问题,但尽管它制作了一个很好的画布对象,但打印画布并没有“展平”组成图像。(仍然可以选择和复制它们) 其他人如何在允许用户打印图像的同时保护其网页上的图像?您可以创建一个单独的样式表(类似于pri

我们有允许用户打印的网页。页面可能包含我们希望“保护”的图像。我们使用了几种技术来防止天真的用户从网页上“复制”图像

当用户打印时,浏览器提供的一个选项是“打印到PDF”。我们没有办法防止这种情况。问题是,PDF是由离散图像组成的,因此任何用户都可以从PDF中单独选择和复制图像

我们希望使用可以解决这个问题,但尽管它制作了一个很好的画布对象,但打印画布并没有“展平”组成图像。(仍然可以选择和复制它们)


其他人如何在允许用户打印图像的同时保护其网页上的图像?

您可以创建一个单独的样式表(类似于print.css),它将为打印机显示不同的布局/样式。您可以使用display:none;为了你谨慎的形象

本文应该很好地解释如何设置它。
html2canvas做的正是我们想要的。。。在我们修复了如何使用它的错误之后

我们以通常的方式构建dom,然后调用html2canvas来“快照”希望用户打印的屏幕部分。如果操作正确,我们所有的图像都会折叠成一张图像,如果用户打印成PDF,他们就无法将它们分开


我们的错误在于转换后没有正确地从dom中删除所有图像。因此,它们被分散地输入PDF。

谢谢。但是,正如问题所问,我们需要打印图像。我们只是不希望它们在浏览器生成的PDF中显得谨慎。