Svg icon
Quote from asmat on July 6, 2019, 3:42 pmIs this possible we add more svg icon to the VisualNeoWeb?
VisualNEO's svg icons are editable but imported svg icons are not editable.
why?
Is this possible we add more svg icon to the VisualNeoWeb?
VisualNEO's svg icons are editable but imported svg icons are not editable.
why?
Quote from luishp on July 6, 2019, 11:38 pm@asmat, anyway take a look at this sample app.
Note that there is an SVG code with id="mysvg" into a Container object.
@asmat, anyway take a look at this sample app.
Note that there is an SVG code with id="mysvg" into a Container object.
- You need to login to have access to uploads.
Quote from asmat on August 31, 2019, 10:36 pmI have done the same task but it does not work for me!
note: I have taken the SVG code from adobe illustrator.
I have done the same task but it does not work for me!
note: I have taken the SVG code from adobe illustrator.
Uploaded files:
- You need to login to have access to uploads.
Quote from luishp on September 1, 2019, 7:29 am@asmat, note that SVG objects can be styled in two different ways:
1) With attributes (my favourite one), just like this:
<circle id="mycircle" fill="yellow" />2) With CSS styles (as in your sample app), like this:
<circle id="mycircle" style="fill: yellow;" />Both ways works the same, but they are not manipulated in the same way.
We can manipulate attributes using:SetObjectAttribute "mycircle" "fill" "red"And we can manipulate object styles using:
CreateEmptyObject [design] SetVar [design("fill")] "red" SetObjectCSS "mycircle" [design]Also note, that the SVG object MUST HAVE and id (name) in order to manipulate it.
I don't use Adobe Illustrator but Affinity Designer and Affinity Publisher as they are quite more cheaper and very compatible with VisualNEO Web. I can assign an id to each image object very easily and it's still compatible with Illustrator .ai format. I will try to publish a tutorial about how I use this software to create rich and interactive vector interfaces for VisualNEO Web (just need time!).Please see attached document (I have added id="curve" manually to the SVG code).
@asmat, note that SVG objects can be styled in two different ways:
1) With attributes (my favourite one), just like this:
<circle id="mycircle" fill="yellow" />
2) With CSS styles (as in your sample app), like this:
<circle id="mycircle" style="fill: yellow;" />
Both ways works the same, but they are not manipulated in the same way.
We can manipulate attributes using:
SetObjectAttribute "mycircle" "fill" "red"
And we can manipulate object styles using:
CreateEmptyObject [design]
SetVar [design("fill")] "red"
SetObjectCSS "mycircle" [design]
Also note, that the SVG object MUST HAVE and id (name) in order to manipulate it.
I don't use Adobe Illustrator but Affinity Designer and Affinity Publisher as they are quite more cheaper and very compatible with VisualNEO Web. I can assign an id to each image object very easily and it's still compatible with Illustrator .ai format. I will try to publish a tutorial about how I use this software to create rich and interactive vector interfaces for VisualNEO Web (just need time!).
Please see attached document (I have added id="curve" manually to the SVG code).
Uploaded files:- You need to login to have access to uploads.