webkit-text-stroke-property-002-ref.html (631B)
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" 12 stroke-width="1px" stroke-linejoin="round">TEXT stroke</text> 13 </svg> 14 </div> 15 </body> 16 </html>