Custom line styles (dotted, dashed, etc.)

edemaine / cocreate

Cocreate Shared Whiteboard/Drawing

MIT License

209 stars 27 forks source link

Custom line styles (dotted, dashed, etc.) #61

Open edemaine opened 4 years ago

edemaine commented 4 years ago

Similar to colors.

[x] Fixed styles (solid, dotted, dashed, maybe dot-dashed for origami)
[ ] Allow custom creation (like #14)
[x] Scale relative to line width
[x] For varying-width pen strokes, we'll need to keep track of the pattern offset modulo the pattern period, and use stroke-dashoffset to resume. Everything else can be done via just stroke-dasharray (which is a good representation for the database).

mehtank commented 3 years ago

There may be other relevant svg presentation attributes to include; e.g. a highlighter can have an opacity (though it would be nice to make it wider too); you can create arrows with marker-start and marker-end, etc.

ndattani commented 2 years ago

In addition to dashed and dotted lines, I'd very much like to be able to do lines with arrows because I draw a lot of vectors! While at it, I would suggest being able to "fill" a rectangle or circle, just like we can in PowerPoint and other presentation-making software.

edemaine commented 2 years ago

In addition to dashed and dotted lines, I'd very much like to be able to do lines with arrows because I draw a lot of vectors!

Agreed. This is currently in issue #35. It's a reasonably high priority for me too.

While at it, I would suggest being able to "fill" a rectangle or circle, just like we can in PowerPoint and other presentation-making software.

This already exists: if you shift-click on a color, it sets the fill. See the user guide for more details.

edemaine commented 1 year ago

FYI, both arrows and line styles are now available. (Line styles will deploy shortly.)

ndattani commented 1 year ago

Very nice! Also, I hadn’t noticed that I could make rectangles be filled by clicking on the raindrop button, but it works well for me now :)