javascript - 粗文本轮廓

Question

我需要为文本添加粗轮廓。我发现了这个技巧

text-shadow:
    -1px -1px 0 #00f,
    1px -1px 0 #00f,
    -1px 1px 0 #00f,
    1px 1px 0 #00f;

但它只适用于 1px 的轮廓。轮廓也不是很光滑，在大字体上显得 splinter 。有没有办法制作更粗的 2 或 3px 的平滑轮廓？ CSS 或 JS 或 jQuery 插件，任何东西都会有帮助

Answer 1

编辑:您必须使用所有排列，包括-1px 3px 0px #00f 或3px -2px 0px #00f.

text-shadow:
  -1px -1px 0 #00f,
  1px -1px 0 #00f,
  -1px 1px 0 #00f,
  1px 1px 0 #00f,

  -2px -2px 0 #00f,
  2px -2px 0 #00f,
  -2px 2px 0 #00f,
  2px 2px 0 #00f,

  -3px -3px 0 #00f,
  3px -3px 0 #00f,
  -3px 3px 0 #00f,
  3px 3px 0 #00f;