webkit-text-stroke-property-003-ref.html 601 B

12345678910111213141516
  1. <!DOCTYPE html>
  2. <html>
  3. <meta charset="utf-8">
  4. <title>webkit-text-stroke: SVG text reference</title>
  5. <link rel="author" title="Jeremy Chen" href="jeremychen@mozilla.com">
  6. <link rel="author" title="Mozilla" href="https://www.mozilla.org">
  7. <body>
  8. <div style="width: 500px; height: 200px;">
  9. <!-- set overflow to visible so that stroking near boundary won't be hidden -->
  10. <svg xmlns="http://www.w3.org/2000/svg" style="width: 100%; height: 100%; overflow: visible;">
  11. <text x="0" y="100" font-size="64px" fill="transparent" stroke="black" stroke-width="3px">TEXT stroke</text>
  12. </svg>
  13. </div>
  14. </body>
  15. </html>