CODEWITHSUNDEEP
google-chromesvg
pengu1n
pengu1n

Reputation: 501

SVG Text Rendering on Chrome

A newbie question. SVG text fill seems not to fill the text in Chrome (same problem in Chrome Canary). Firefox and IE work well. Could someone point me to a work-around, perhaps? Here's the HTML/SVG document:

<!DOCTYPE html>
<html>
<head>
   <title>SVG Text</title>
</head>
<body>
   <h2>
      Text Example
   </h2>
   <svg id="svgText" height="250" width="600">
      <text id="txt" x="100" y="250" font-family="sans-serif" font-size="200" font-weight="bolder" 
         stroke="red" fill="red">TEXT</text>
   </svg>
</body>
</html>

Thanks a lot!!

[Please see screen-shot below (Google Chrome on Win7). Note the edges of X as well as the right edge of the first T.] Note the edges of X as well as the right edge of the first T. Screenshot taken on Google Chrome on Win7

Upvotes: 2

Views: 2271

Answers (1)

pengu1n
pengu1n

Reputation: 501

OK, it appears to be a Chrome bug (on Windows). I have reported it here https://code.google.com/p/chromium/issues/detail?id=478384

Thank you all for the comments! Much appreciated.

Upvotes: 1

Related Questions