I am attempting to get an SVG Circle to render in my react app .. I tried using most popular answer stackoverflow link below
https://stackoverflow.com/questions/48596379/how-to-use-svg-with-kotlin-react
When I tried all I got was the SVG box but no circle.
But I am not sure if it is simply me not following instruction correctly .. There are 2 Method .. I tried method 2 .. Any assistance would be appreciated.. Also if additional information might be useful let me know.. I am lazy at the moment. which might be why it is not working..
<svg width="800" height="600" viewBox="0 0 800 600">
<circle _cx="150" _cy="150" _r="99.96546943739588" _stroke="black" _fill_0="blue" _strokeWidth="3"></circle>
</svg>
Also, tried when inspecting the SVG that gets created html look like this
t
turansky
12/05/2021, 11:50 AM
react.dom.svg.ReactSVG
contains all required components with strict properties
@turansky Yo!!! Thanks a lot .. I haven't checked it out but I sure will be.. Really appreciate your responsiveness .. Also thanks for the example.. Without it I would still be lost..
Other question.. I am going to need some SVG Text .. is that also missing from the wrapper Or should I be good?
At the moment my kotlin and kotlin/JS foo .. is weak. But hopefully in the future I will be able to help you in the same way you helped me . Once again thanks
t
turansky
12/05/2021, 6:27 PM
circle
was not converted due to converter bug
Right now all tags, declared in