How to draw such a thing with Raphael. Also, so that only the red part is drawn (the rest is transparent) and so that the red part can be increased / decreased and animated the change? + the ability to fill it with not only red color, but also a gradient (linear gradient).

It seems to write something using the path, but it does not work out what I want.

    1 answer 1

    Example number of times

    Second example

    If something is not clear, I can give a detailed comment.

    Here is painted , especially for you.

    • And how to fill it with a gradient? - megacoder
    • Well, you can only fill the inside - invincible
    • So bad. - megacoder
    • If I understood correctly, it is beyond the power of SV3 to do w3.org/TR/SVG/paths.html#PathDataEllipticalArcCommands However, I’ll have an option to try and draw how to get around it. - invincible
    • one
      Thanks for the helpful answer. <br /> But I still did it my way. <br /> I drew the same thing, only with the help of path (it turned out to be a closed area), I did not use the property stroke and stroke width. But as I drew, I can fill the area with anything + animate. <br /> What I was convinced of is that in the morning it is much better programmed than at night. It took me just 10 minutes :) - megacoder