'SVG not rendering as expected in chrome

Lately I've been experiencing some weird behavior in chrome where circles appear to have corners, making them look like rounded squares. I've attached an image as example.

Circle example

The corresponding code:

<circle class="hover" r="3.5999999999999996" cx="50" cy="50" fill="#539f00" opacity="0.8"></circle>

I have no idea what's causing this, as the element is clearly defined as a circle.

javascriptcssgoogle-chromesvg


Sources

This article follows the attribution requirements of Stack Overflow and is licensed under CC BY-SA 3.0.

Source: Stack Overflow

Solution Source

Related Questions