-
Notifications
You must be signed in to change notification settings - Fork 59
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
paint-order on svg doesn't work #138
Comments
Dependent on upstream support: linebender/resvg#422 |
Thanks Reply~ |
Status record. paint-order |
@tyutjohn Do you still have plans to continue to complete the upstream PR? |
Of course, Maybe next week I'll have some spare time to work on it |
Done in #156 |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
I want to set margin for font, like the textStroke property of css, but it doesn't work when I use
paint-order:stroke
。This is an example on MDN<svg xmlns="http://www.w3.org/2000/svg" width="400" height="200"> <linearGradient id="g" x1="0" y1="0" x2="0" y2="1"> <stop stop-color="#888"/> <stop stop-color="#ccc" offset="1"/> </linearGradient> <rect width="400" height="200" fill="url(#g)"/> <g fill="crimson" stroke="white" stroke-width="6" stroke-linejoin="round" text-anchor="middle" font-family="sans-serif" font-size="50px" font-weight="bold"> <text x="200" y="75">stroke over</text> <text x="200" y="150" paint-order="stroke" id="stroke-under">stroke under</text> </g> </svg>
I got two fonts with fill first and stroke after
So how can I set this in resvg ? This looks strange
The text was updated successfully, but these errors were encountered: