bradley/Blotter

Add more CSS properties

duezerouno opened this issue · 4 comments

duezerouno commented

I am looking into using more CSS properties like:

var text = new Blotter.Text("observation", {
  vertical-align: middle,
  mix-blend-mode: multiply
});

Did not find anything in the docs to add custom props. Any plans to add this feature?

modulareverything commented

@duezerouno you could just add these directly to the canvas element via standard CSS?

bradley commented

As @n0k5 suggested, I'd bet your intended results for mix-blend-mode and vertical-align would be met by just applying those to the canvas element (scope.domElement). If you're having trouble placing the text within its canvas element for some reason, I'd suggest playing around with the padding attributes.

modulareverything commented

I had a play around one possible way of doing this on this CodePen. It's simply done by applying the mix-blend-mode to the entire canvas element, but I'm sure you could get more creative.

bradley commented

Dont think there is much more to add here. Closing for now. Love you.