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 Outline not working #1139

Open
Inspirateur opened this issue Jan 30, 2024 · 2 comments
Open

CSS Outline not working #1139

Inspirateur opened this issue Jan 30, 2024 · 2 comments

Comments

@Inspirateur
Copy link

We're using this lib to export a user made SVG to PNG.
In our app, we want the user to be able to put an outline around text and tried the following approach:

<svg xmlns='http://www.w3.org/2000/svg' width='80' height='55' viewBox='0 0 50 50'>
    <g>
        <text x='0' y='30' style='outline: solid 4px #000000; outline-offset: 4px;'>
            Text
        </text>
    </g>
</svg>

But it doesn't seem supported by this library (no outlines are displayed). Is it intended ?

@paulushub
Copy link
Contributor

@Inspirateur Outline is part of the CSS Draft Level 4, right?
As SVG-NET relies on ExCSS for CSS support, supporting new CSS styling might take time.
This is not even supported in Inkscape yet.
I think you would be better off with a CSS Level 3 styling for now.

@Inspirateur
Copy link
Author

I see, well anyway I ended up exporting the svg using plain JS and it works so I no longer have this issue :p (but at least it's documented here for other users)

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

No branches or pull requests

2 participants