vexflow icon indicating copy to clipboard operation
vexflow copied to clipboard

Gradient Note Head

Open EverlyScott opened this issue 2 years ago • 1 comments

Hey, I'm wondering if it's possible to use a gradient for a note's color? I've already just tried using setStyle with a CSS linear-gradient but it doesn't seem to be working.

EverlyScott avatar Nov 08 '23 16:11 EverlyScott

Can you post a jsfiddle of what you're trying to do? It matters a bit which version of vexflow you're using. For v4 you would specify a gradient in the svg and apply it for the fill, for v5 the notehead is a glyph and you can apply text gradient techniques there. I have never tried it, but it should be the same as any other text element or path in svg.

AaronDavidNewman avatar Nov 08 '23 17:11 AaronDavidNewman