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

Customized SVG not working #10

Open
ea167 opened this issue May 10, 2020 · 1 comment
Open

Customized SVG not working #10

ea167 opened this issue May 10, 2020 · 1 comment

Comments

@ea167
Copy link

ea167 commented May 10, 2020

Hi,
First of all, congrats for this project that is quite fun!

I tried to customize the SVG but could not get a file that renders anything.
My plan was to start from a photo, use Inkscape to convert it to SVG paths, build the custom SVG, and use it.

I tried several ways, including using a text editor to replace within the girl.svg the group <g id="illustration_1_"> with my customized <path...> directly, but none are rendering anything.

The <path> that I get from Inkscape looks like:

<path style="fill:#0a0bfc;" d="M375.911 588.777 L375.911 85.2 625.923 85.2 875.935 85.2 875.935 588.777 875.935 1092.354 859.324 1092.354 842.713 1092.354 842.906 1091.354 843.099 1090.355 842.657 1091.354 842.214 1092.354 805.786 1092.354 769.358 1092.354 769.358 1091.27 C769.358 1090.673 769.195 1090.084 768.994 1089.961 768.794 1089.837 768.717 1090.325 768.823 1091.045 L769.015 1092.354 572.463 1092.354 375.911 1092.354 Z M577.506 1090.355 C577.506 1090.111 577.312 1090.211 577.075 1090.577 576.839 1090.944 576.645 1091.443 576.645 1091.688 576.645 1091.932 576.839 1091.832 577.075 1091.465 577.312 1091.099 577.506 1090.599 577.506 1090.355 Z M845.144 1085.395 C845.044 1085.294 844.615 1086.069 844.191 1087.117 842.963 1090.156 842.964 1090.558 844.196 1087.966 844.82 1086.653 845.247 1085.495 845.147 1085.395 Z M768.32 1087.358 C768.197 1087.052 768.096 1087.302 768.096 1087.913 768.096 1088.523 768.197 1088.773 768.32 1088.468 768.443 1088.163 768.443 1087.663 768.32 1087.358 Z M580.24 1086.248 C580.793 1085.543 580.777 1085.528 580.073 1086.08 579.645 1086.415 579.296 1086.765 579.296 1086.857 579.296 1087.223 579.66 1086.987 580.24 1086.248 Z M766.967 1084.071 C766.351 1082.887 765.838 1082.063 765.826 1082.239 765.794 1082.74 767.729 1086.582 767.918 1086.392 768.011 1086.299 767.583 1085.255 766.967 1084.071 Z M809.279 1085.573 C808.449 1085.018 807.421 1083.869 806.994 1083.019 806.491 1082.018 806.217 1081.766 806.217 1082.303 806.216 1083.233 809.354 1086.581 810.226 1086.581 810.535 1086.581 810.109 1086.127 809.279 1085.573 Z M816.319 1086.275 C815.891 1086.163 815.192 1086.163 814.764 1086.275 814.337 1086.386 814.687 1086.478 815.542 1086.478 816.396 1086.478 816.746 1086.386 816.319 1086.275 Z  ...
M777.104 972.052 C777.241 971.83 776.953 971.754 776.464 971.881 775.427 972.153 775.296 972.454 776.215 972.454 776.567 972.454 776.967 972.273 777.104 972.052 Z M729.101 256.814 
C728.956 256.437 728.743 256.224 728.626 256.341 728.51 256.457 728.546 256.766 728.707 257.026 729.145 257.734 729.401 257.597 729.101 256.814 Z" />

I only have <path> elements, but still nothing renders :(

What am I doing wrong?

@magdesign
Copy link

#22

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

2 participants