javascript - 如何在网页上以编程方式模糊文本并使其不可读

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