SVG.js How to update pattern scale and position?
up vote
0
down vote
favorite
Hi I'm trying to fill a polygon with a pattern here https://codesandbox.io/s/pmqv6vxvw0 (watch the HelloWorld.vue the drawPath() and anymPath() there)
Looks like it has the only option to update element, not the pattern's parameter enter link description here
Is there a way to change the scale as well?
And the pattern alignment, is it possible to move the pattern into the middle of the container?
drawing svg.js
edited Nov 26 at 18:58
jaco0646
4,44052345
asked Nov 19 at 13:22
Dmitriy Karpovich
116
add a comment |
up vote
0
down vote
favorite
Hi I'm trying to fill a polygon with a pattern here https://codesandbox.io/s/pmqv6vxvw0 (watch the HelloWorld.vue the drawPath() and anymPath() there)
Looks like it has the only option to update element, not the pattern's parameter enter link description here
Is there a way to change the scale as well?
And the pattern alignment, is it possible to move the pattern into the middle of the container?
drawing svg.js
edited Nov 26 at 18:58
jaco0646
4,44052345
asked Nov 19 at 13:22
Dmitriy Karpovich
116
Please break your question down to the actual problem. Nobody wants to dig through your code to understand what your issue is. An MCVE without any extra framework would be best.
– Fuzzyma
Nov 24 at 11:19
Excuse me for the long answer. It is important to me to keep it working with Vue as for the actual problem, sorry haven't mentioned, move the slider you'll see that only the scale of each pattern element is updated. I end up with deleting and creating all the elements with each parameter change.
– Dmitriy Karpovich
yesterday
Make it work without vue before trying to get it to work with it.
– Fuzzyma
yesterday
I will probably give up with SVG.js no reasons to use it with Vue at the moment.
– Dmitriy Karpovich
12 hours ago
add a comment |
up vote
0
down vote
favorite
up vote
0
down vote
favorite
Hi I'm trying to fill a polygon with a pattern here https://codesandbox.io/s/pmqv6vxvw0 (watch the HelloWorld.vue the drawPath() and anymPath() there)
Looks like it has the only option to update element, not the pattern's parameter enter link description here
Is there a way to change the scale as well?
And the pattern alignment, is it possible to move the pattern into the middle of the container?
drawing svg.js
edited Nov 26 at 18:58
jaco0646
4,44052345
asked Nov 19 at 13:22
Dmitriy Karpovich
116
Hi I'm trying to fill a polygon with a pattern here https://codesandbox.io/s/pmqv6vxvw0 (watch the HelloWorld.vue the drawPath() and anymPath() there)
Looks like it has the only option to update element, not the pattern's parameter enter link description here
Is there a way to change the scale as well?
And the pattern alignment, is it possible to move the pattern into the middle of the container?
drawing svg.js
drawing svg.js
edited Nov 26 at 18:58
jaco0646
4,44052345
asked Nov 19 at 13:22
Dmitriy Karpovich
116
edited Nov 26 at 18:58
jaco0646
4,44052345
asked Nov 19 at 13:22
Dmitriy Karpovich
116
edited Nov 26 at 18:58
jaco0646
4,44052345
edited Nov 26 at 18:58
jaco0646
4,44052345
edited Nov 26 at 18:58
jaco0646
4,44052345
4,44052345
asked Nov 19 at 13:22
Dmitriy Karpovich
116
asked Nov 19 at 13:22
Dmitriy Karpovich
116
asked Nov 19 at 13:22
Dmitriy Karpovich
116
116
Please break your question down to the actual problem. Nobody wants to dig through your code to understand what your issue is. An MCVE without any extra framework would be best.
– Fuzzyma
Nov 24 at 11:19
Excuse me for the long answer. It is important to me to keep it working with Vue as for the actual problem, sorry haven't mentioned, move the slider you'll see that only the scale of each pattern element is updated. I end up with deleting and creating all the elements with each parameter change.
– Dmitriy Karpovich
yesterday
Make it work without vue before trying to get it to work with it.
– Fuzzyma
yesterday
I will probably give up with SVG.js no reasons to use it with Vue at the moment.
– Dmitriy Karpovich
12 hours ago
add a comment |
Please break your question down to the actual problem. Nobody wants to dig through your code to understand what your issue is. An MCVE without any extra framework would be best.
– Fuzzyma
Nov 24 at 11:19
Excuse me for the long answer. It is important to me to keep it working with Vue as for the actual problem, sorry haven't mentioned, move the slider you'll see that only the scale of each pattern element is updated. I end up with deleting and creating all the elements with each parameter change.
– Dmitriy Karpovich
yesterday
Make it work without vue before trying to get it to work with it.
– Fuzzyma
yesterday
I will probably give up with SVG.js no reasons to use it with Vue at the moment.
– Dmitriy Karpovich
12 hours ago
Please break your question down to the actual problem. Nobody wants to dig through your code to understand what your issue is. An MCVE without any extra framework would be best.
– Fuzzyma
Nov 24 at 11:19
Please break your question down to the actual problem. Nobody wants to dig through your code to understand what your issue is. An MCVE without any extra framework would be best.
– Fuzzyma
Nov 24 at 11:19
Excuse me for the long answer. It is important to me to keep it working with Vue as for the actual problem, sorry haven't mentioned, move the slider you'll see that only the scale of each pattern element is updated. I end up with deleting and creating all the elements with each parameter change.
– Dmitriy Karpovich
yesterday
Excuse me for the long answer. It is important to me to keep it working with Vue as for the actual problem, sorry haven't mentioned, move the slider you'll see that only the scale of each pattern element is updated. I end up with deleting and creating all the elements with each parameter change.
– Dmitriy Karpovich
yesterday
Make it work without vue before trying to get it to work with it.
– Fuzzyma
yesterday
Make it work without vue before trying to get it to work with it.
– Fuzzyma
yesterday
I will probably give up with SVG.js no reasons to use it with Vue at the moment.
– Dmitriy Karpovich
12 hours ago
I will probably give up with SVG.js no reasons to use it with Vue at the moment.
– Dmitriy Karpovich
12 hours ago
add a comment |
active
oldest
votes
active
oldest
votes
active
oldest
votes
active
oldest
votes
active
oldest
votes
Thanks for contributing an answer to Stack Overflow!
- Please be sure to answer the question. Provide details and share your research!
But avoid …
- Asking for help, clarification, or responding to other answers.
- Making statements based on opinion; back them up with references or personal experience.
To learn more, see our tips on writing great answers.
Some of your past answers have not been well-received, and you're in danger of being blocked from answering.
Please pay close attention to the following guidance:
- Please be sure to answer the question. Provide details and share your research!
But avoid …
- Asking for help, clarification, or responding to other answers.
- Making statements based on opinion; back them up with references or personal experience.
To learn more, see our tips on writing great answers.
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
StackExchange.ready(
function () {
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f53375579%2fsvg-js-how-to-update-pattern-scale-and-position%23new-answer', 'question_page');
}
);
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Please break your question down to the actual problem. Nobody wants to dig through your code to understand what your issue is. An MCVE without any extra framework would be best.
– Fuzzyma
Nov 24 at 11:19
Excuse me for the long answer. It is important to me to keep it working with Vue as for the actual problem, sorry haven't mentioned, move the slider you'll see that only the scale of each pattern element is updated. I end up with deleting and creating all the elements with each parameter change.
– Dmitriy Karpovich
yesterday
Make it work without vue before trying to get it to work with it.
– Fuzzyma
yesterday
I will probably give up with SVG.js no reasons to use it with Vue at the moment.
– Dmitriy Karpovich
12 hours ago