CSS paint-order文字外描边实例页面

展示

代码

• HTML：

  <svg>
      <text x="5" y="50">感谢您的正版支持</text>
      <text x="5" y="120" class="paint-order">感谢您的正版支持</text>
  </svg>

• CSS：

  svg {
      background-color: deepskyblue;
      fill: crimson;
      stroke: white;
      stroke-width: 6px;
      font-size: 36px; 
  }
  .paint-order {
      paint-order: stroke;    
  }