Skip to main content
D
4d ago

Multiple widths across one stroke

Please create the ability for the user to have a stroke (both lines and closed shapes) with multiple widths across one stroke. This could be implemented in the following way:

  • EX1: Two different widths at different nodes - One end of a stroke could have a width of say 20px and the other end could have a 2px width. That would create a tapered effect.

  • EX2: Three or more different widths at three nodes - A user could and have the ability to add additional unlimited width nodes along a path. If the user adds an additional width node, they could for example make node 1@20px, node 2@40px, and node 3@ 10 px. etc etc

Last... once the nodes on a stroke with different widths are added, please allow the user to animate the multi-width stroke by having an animate "offset" feature. This would allow the stroke to move around a shape or through a straight line without trimming the path itself but still maintain the visible portion of the stroke's total length... along with its multi node widths.

**Nice to have but not necessary: Along with the above, there could be a checkbox called "repeat stroke pattern along path". Lets say that a user creates a stroke that has 3 different px widths at 3 different nodes. The user then decides to trim the path slightly on both ends and then they animate the offset feature to make the stroke move through a line path or around a shape. However, because the stroke is trimmed, there will be some empty space beyond the end of the stroked portion. If this checkbox was checked... then whatever portion of the stroke IS showing... would suddenly be repeated along the remaining part of the non-visible stroke. That way as the user animates the offset stroke feature, the repeating stroke pattern is now "pulled through" the empty portions of the path.

Join the discussion
Join Rive to reply J