如何模糊文本并使其在网页上以编程方式无法读取

Question

我想制作类似this page的内容
字体（注释）模糊且可选，但不可粘贴。怎么做这样的事情？

Answer 1

模糊效果，您可以使用css：执行此操作

.textshadow {
   color: transparent;
   text-shadow: 0 0 5px rgba(0,0,0,0.5);
}

DEMO Details

以下css可防止复制网页文本。

-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
-o-user-select: none;
user-select: none;

Demo Details

还有另一种防止文本复制的方法：

<p onmousedown='return false;' onselectstart='return false;'>Lorem ipsum</p>

Demo

更新

Site Text使用 SVG模糊效果。这是 Details 。这种效果不会阻止它处理文本，因为没有显示文本但是这些是空格 您可以使用开发人员工具查看它，因此您无法复制文本。

FEATURED DEMO