scryber.core icon indicating copy to clipboard operation
scryber.core copied to clipboard

Feat: Support for writing-mode and text-orientation

Open 0NotApplicable0 opened this issue 1 year ago • 1 comments

Is your feature request related to a problem? Please describe. No

Describe the solution you'd like Support for the CSS processors "writing-mode" and "text-orientation". With these two you can vertically orient each letter within a word, ex: image

The CSS and HTML to obtain the above is: <div style="writing-mode: vertical-rl; text-orientation: upright;">This is a test!</div>

Note that writing-mode will orient the entire text block and then text-orientation will orient the individual letters within.

Describe alternatives you've considered A current working alternative to this is: <p style="width:10px;text-align: center;line-height:10px;">T h i s i s a t e s t</p>

Which will render: image

Not exactly the same but if you are able to separate the letters in each word it sort of works.

0NotApplicable0 avatar Apr 24 '23 13:04 0NotApplicable0

Hi :-)

I can certainly add this to the project feature list.

Writing mode support is in the pipeline (rtl, vertical, etc.) but it will definitely take a bit of work, and there are a few bits to support.

If a double line break is added between the words, then it can give you an even petter representation. I understand it's a bit of a hack, but could help.

richard-scryber avatar Apr 25 '23 08:04 richard-scryber