Is it possible to select a svg created from a javascript?

hattenbachlars · 2024-08-22T13:36:12.820Z

So I have a svg drawer that gets generated from a custom javascript, wiche are created for the itention to use as buttons. I want to know if its possible to connect these svgs with a workflow and also give them conitions so when hovered the color changes and a focus group gets displayd relativ to the svg so just for the notes If anyone knows if thats possible or knows some kind of workaround that would be very helpful, thank you in advance :)))

Edit: I mean “polygons”

hergin · 2024-08-22T21:35:12.318Z

Some are doable but they are also not very natural and require a good deal of custom coding.

You can technically call JS functions inside SVG. All you need to do is to use the toolbox plugin to create JS functions that are available on the page and call these functions inside your SVG to trigger some workflows. This would make the color changes etc are possible. Hovering is still might be problematic.

Also focus group will not be able to reach the elements inside SVGs even in this way. You should create a hack to give that kind of behavior.

Maybe describe what you need more from the beginning, it might have another solution than what you have with svgs, js, and others.

hattenbachlars · 2024-08-23T06:27:14.439Z

So basically the user will be able to import a vector overlay onto an image so when an object in the image is hovered the end user hovers over the invisible svg and the fill color changes to green for example so the end user see this is a clickable object, so for now i thought it would be the easist when the user just takes a vector program and draws some shapes above the referenz image and then uplouds the svg on to the database then selects each svg and adds the data wiche will be later display in the focus group. oSo for now Iam just trying to look at all possibilties found this to be the ,most accurate to thi, but still dont know if thasts dynamically doable…

hattenbachlars · 2024-08-23T06:32:03.512Z

I also thought about the table function but its not possible to individually define each cells size and edges