svg 文字描边
In many respects, SVG is the easiest method of achieving text effects on web pages, across multiple platforms: SVG is supported on all modern browsers, including IE9. The code to create the stroked text above is fairly straighforward:
在许多方面, SVG是跨多个平台在网页上实现文本效果的最简单方法:包括IE9在内的所有现代浏览器均支持SVG。 上面创建描边文本的代码相当简单:
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 500 80">
<defs>
<style>
text {
fill: #e96; font-size:60px;
font-family: Futura Condensed ExtraBold, Arial Black, sans-serif;
stroke: black; stroke-width: 2px;
}
</style>
</defs>
<text y="60">STROKED SVG TEXT</text>
</svg>
As you can see, styles withi