HTML CSS examples for SVG:svg element
SVG fill artifact in Chrome
<html> <head> <meta name="viewport" content="width=device-width, initial-scale=1"> <style id="compiled-css" type="text/css"> svg {<!-- w w w .ja va 2s . c om--> backface-visibility: hidden; width:50%; } .auto { fill: #37d0cd; shape-rendering: auto; } .crisp { fill:#37d0cd; shape-rendering: crispedges; } .crisp path { stroke:red; shape-rendering: auto; } </style> </head> <body> <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 438.1 50" class="auto"> <path d="M120 0C78.3 0 69.2 7.5 52.4 27.3 35.7 47 0 50 0 50h438s-35.2-2.6-52.4-22.7C368.4 7.3 359.6 0 318 0z" /> </svg> <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 438.1 50" class="crisp"> <path d="M120 0C78.3 0 69.2 7.5 52.4 27.3 35.7 47 0 50 0 50h438s-35.2-2.6-52.4-22.7C368.4 7.3 359.6 0 318 0z" /> </svg> </body> </html>