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

想法是随机选择文本中的目标词,然后将其包装在<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/

10-11 11:50