Source code

Revision control

Copy as Markdown

Other Tools

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