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

Support for Filling SVG Paths with Patterns #48

Open
yelena20 opened this issue Sep 6, 2023 · 0 comments
Open

Support for Filling SVG Paths with Patterns #48

yelena20 opened this issue Sep 6, 2023 · 0 comments

Comments

@yelena20
Copy link

yelena20 commented Sep 6, 2023

Hi!
I have an SVG file with a "path" element, and I'm attempting to use the "fill" attribute to apply a pattern to the path. However, it doesn't seem to be working as expected. Can you please clarify whether SVGView supports filling SVG paths with patterns?

Here is the example:

<?xml version="1.0" encoding="UTF-8"?>
<svg viewBox="0 0 500 500" >

<pattern id="pattern1"
           x="0" y="0" width="20" height="20"
           patternUnits="userSpaceOnUse">
           
           <rect x="0" y="0" width="10" height="10" style="stroke: none; fill: #0000ff" />
           
           </pattern>

 <path id="3" transform="translate(-25.438 -29.677)" d="m43.244 60.776c78.857 1.6957 278.12 33.917 354.43 229.79-26.286 5.088-90.727 67.834-100.9 102.6-194.17-99.206-249.29-256.07-253.53-332.38z" fill="url(#pattern1)" fill-rule="evenodd" stroke="#000" stroke-linejoin="round" stroke-width="10"/>

</svg>

Thanks in advance

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

No branches or pull requests

1 participant