javascript - 粗文本轮廓

Question

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

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

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

Answer 1

编辑：您必须使用所有排列，包括像-1px 3px 0px #00for之类的排列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;