TomasHubelbauer / svg-arc-angle Public

Notifications You must be signed in to change notification settings
Fork 0
Star 0

An SVG animation showing a stroke in the shape of an rising arc.

tomashubelbauer.github.io/svg-arc-angle

0 stars 0 forks Branches Tags Activity

Notifications

Name		Name	Last commit message	Last commit date
Latest commit History 8 Commits
README.md		README.md
index.css		index.css
index.html		index.html
index.js		index.js

Repository files navigation

SVG Arc Angle

This is an experiment in finding out how to calculate an arc with a given angle for use in an SVG path.

To-Do

Add an alternative where the animation is done using CSS `animation`

On the stroke-dasharray and stroke-dashoffset attributes as opposed to requestAnimationFrame:

https://css-tricks.com/svg-line-animation-works/

Blend the colors instead of switching at the boundary points

About

An SVG animation showing a stroke in the shape of an rising arc.

tomashubelbauer.github.io/svg-arc-angle

Report repository

Languages