SVG not render properly in IE11 or higher

By Kuntal Bose

Bellow code produce a SVG image which is not rendered properly in IE ,any body has any clue ?how to fix?

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=1000">
    <meta http-equiv="X-UA-Compatible" content="IE=EDGE" />
</head>
<body>
<svg xmlns="http://www.w3.org/2000/svg" id="dashboardpie" width="100%" height="250"><g class="slices" transform="translate(160 110)"><path class="innerSlice slice-6" style="fill: #5c18ff;" d="M 0 0 A 0 0 0 0 1 0 0 L 0 30 A 0 0 0 0 0 0 30 Z" /><path class="topSlice slice-6" style="fill: #9467ff; stroke: #9467ff;" d="M 130 0 A 130 100 0 1 1 130 -2.44929e-014 L 0 0 A 0 0 0 1 0 0 0 Z" /><path class="outerSlice slice-6" style="opacity: 1; fill: #5c18ff;" d="M 129.5 30 A 129.5 99.5 0 0 1 -129.5 30 L -129.5 1.21852e-014 A 129.5 99.5 0 0 0 129.5 0 Z" /><text class="percent slice-6" x="-78" y="0">100%</text></g></svg>
</body>
</html>

Please check the image

Source: Stack Overflow

    

Share it with your friends!

    Fatal error: Uncaught Exception: 12: REST API is deprecated for versions v2.1 and higher (12) thrown in /home/content/19/9652219/html/wp-content/plugins/seo-facebook-comments/facebook/base_facebook.php on line 1273