javascript - 用jQuery模仿CMYK板

我想对页面文字中的某些单词产生视觉干扰效果，以模仿在屏幕上打印海报，杂志时可能发生的校准/偏移错误。

想法是随机选择文本中的目标词，然后将其包装在<span class="cmyk intensity-max">中。然后，我将相邻的单词包装在<span class="cmyk intensity-medium">中，然后将其包装在<span class="cmyk intensity-min">中。目的是打扰文本中的某个区域，而不是单个单词(我对打扰中渐进性的想法并不十分满意)。

然后，我得到了一个函数，该函数将跨度的内容克隆了三遍，影响了相对于初始跨度的相对位置，并且影响了绝对位置和另一种的c / m / y颜色。

我的问题是关于在性能方面实现此效果的最佳方法，以及如何处理文本的内部标记(链接，优点，ems)。

最佳答案

这是发生打印错误的演示:)

DEMO jsBin

使用CSS:

  .errata{
     color: black;
     text-shadow: 2px 0 cyan, -1px -1px magenta, 1px 2px yellow;
  }

这并不完美，但是您可以尝试一下这个想法。

关于javascript - 用jQuery模仿CMYK板，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/8412357/