有没有办法拥有不可变的css属性？

Question

我正在为客户设计和开发产品设计师，可以交互式地创建产品设计。任何客人都可以设计产品，但只有购买它的用户才能将其保存为PDF或图像。

为了防止被盗/误用，我使用CSS在当前设计的产品上应用了水印，这样如果用户截取页面的屏幕截图，那么渲染页面上的水印就会使它们无用。

但不幸的是，精通技术的用户可以轻松编辑源代码并删除该水印的CSS样式。

有没有办法可以将不可变的CSS属性应用于水的页面？

或者有没有办法在没有购买的情况下防止盗窃/截图？

由于

Answer 1

不，你不能拥有技术娴熟的最终用户无法覆盖或移除的CSS属性。

如果您发送用户浏览器的内容可以呈现您不希望他们在没有水印的情况下抓取的内容，那么，没有什么，没有什么你可以做到这一点。

您必须让客户端将渲染信息发送到您的服务器，让服务器生成结果图像，并打上水印，然后将其发送回客户端。 （当然，有足够的图像编辑专业知识仍然可以被击败。）

Answer 2

检查answer。基本上，您无法阻止用户从浏览器中使用外部应用程序截取屏幕截图。

为了满足您的需求，您必须有意恶化非高级用户的预览：使整个事物质量低劣或将设计元素添加到设计元素中，使其在生产中几乎无法使用。

基本上，使预览功能足以设计产品的模型，但不足以将图像投入生产。

Answer 3

不，你不能。您需要在预览之前以编程方式应用水印。

Answer 4

可以从浏览器修改Css，并且无法拥有不可变的css。你可以做的是，你可以在生成它时将水印放在pdf或图像中。 这样就没有逃脱。

<强>更新

将图像放在后台。因此，如果用户试图去除水印，他会移除整个背景，没有它，他设计的东西是无用的，另外你可以放一个观察img标签的小脚本。如果img被删除或源被更改，您可以以任何您想要的方式重新加载或停止它。