Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

[css-paint-api] why no fillText/strokeText ? #478

Open
Jxck opened this Issue Oct 14, 2017 · 1 comment

Comments

Projects
None yet
3 participants
@Jxck
Copy link

Jxck commented Oct 14, 2017

I'm trying Paint API but I found that there is no fillText(), strokeText() in canvas context which I wanna use.

https://drafts.css-houdini.org/css-paint-api/#2d-rendering-context

Note: The PaintRenderingContext2D implements a subset of the CanvasRenderingContext2D API. Specifically it doesn’t implement the CanvasImageData, CanvasUserInterface, CanvasText, or CanvasTextDrawingStyles APIs.

what is the reason why CanvasText is in the list of not implements ?

FYI, my use case is here

Markdown like table border Style.

I have a blog which shows HTML as Markdown like style.
https://blog.jxck.io/entries/2017-08-19/content-encoding-brotli.html#SVG

but current CSS is hard to show <table> like Markdown.

| file type | size  | ratio |
|:----------|------:|:-----:|
| .svg      | 2871  |  100% |
| .svg.gz   |  300  |   10% |
| .svg.br   |  269  |    9% |

but current implementation is ...

image

Word Border Style

Here is the Japanese jargon styling of border for short word.

<strong>CSS Paint API</strong>

to

_人人人人人人人人人_
> CSS Paint API <
 ̄Y^Y^Y^Y^Y^Y^Y^Y ̄

fill text in border context will help this too.

@bfgeek

This comment has been minimized.

Copy link
Contributor

bfgeek commented Nov 9, 2017

This is similar to #399 , its complicated to get the font invalidation correct. We plan on addressing this in the level 2 version of the spec.

For the word border style usecase you can still rely on the usual text rendering, and just draw the border.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
You can’t perform that action at this time.
You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session.