44,230
questions
0
votes
0
answers
20
views
I have SVG file contain a normal rectangle
I have SVG file containing a normal rectangle
<polygon id="REC1" class="cls-1" points="227.02 .25 141.98 .25 141.98 385 227.02 385 227.02 .25"/>
my question is how ...
0
votes
3
answers
38
views
Why can <image> inside <svg> be :focus'ed?
I have an <image> element within an <svg> element, embedded into HTML markup. Somehow the <image> element gets :focus'ed when I navigate through the page with the Tab button. And it ...
0
votes
0
answers
10
views
how can I use SVG in nunjucks templates
I would like to create a nunjucks template to load SVG dynamically from a directory, by passing the icon name the template should render the contents of SVG using javascript
tried with {{% include &...
0
votes
1
answer
18
views
How to Convert SVG Icon String to React Component in WordPress?
I'm working on a WordPress project where I allow users to select SVG icons from a set. After an icon is selected, its SVG markup is stored in the Redux store as a string.
I need to render this stored ...
0
votes
0
answers
11
views
Error messages for static SVG files after next.js update to 14.2.12
We have a next.js app, that is using version 14.1.4. The app also uses some static SVG files and renders them using the next.js Image component. In the next.consig.js file we set dangerouslyAllowSVG: ...
-2
votes
0
answers
30
views
How is this React component library able to use drag and drop on SVGs?
First off, this is NOT a duplicate of all those other questions trying to implement drag and drop for svgs and answerers telling them they can't - somehow this code I'm reading HAS done it, and I can'...
-1
votes
1
answer
32
views
How to trigger SVG render same as manual DOM edit in Chrome using JS?
When I modify the DOM structure of an SVG element within an HTML document in Chrome via JS (specifically using replaceWith or appendChild to bring in new content), although the Chrome Elements tree ...
0
votes
1
answer
33
views
SVG overlay on background video CSS
Im having trouble having a svg overlay take up 100% width, but modifying the height so it aligns where i need it to so the curve is visible over the video see screenshot. What is the best way to ...
-1
votes
0
answers
31
views
How do I change the colors of a SVG file in WPF?
I am trying to make an electoral college interactive map as one of my first programs in WPF. So far I have experimented with using SharpVectors to import the SVG images into XAML. While that works, I ...
0
votes
0
answers
14
views
Generate SVG image of highchart Scatter chart using highchart Configuration
I am trying to generate a svg image of high chart using a high chart configuration.
Configuration contains symbol a as customize svg 64 bit string but this configuration gives me error "...
0
votes
0
answers
23
views
How can I transform this SVG code to not use <defs> but still achieve the same result?
I have a SVG that I need to make work in godot engine. Godot doesn't see any SVGs that contain "defs" or other complicated stuff.
My question is how can I change this SVG code to remove < ...
0
votes
2
answers
44
views
How to create a repeating SVG pattern?
I have been given a design that uses this pattern in the background of a website
I think an SVG pattern would be ideal for something like this. I can make an individual column of these shapes, but I ...
0
votes
1
answer
41
views
Blazor Webassembly Draw Interactive Lines Using Svg
I create a new blazor web app project like this: (https://i.sstatic.net/ejiES4vI.png)
It has 2 projects in 1 solution. When I wanted to get the mouse coordinates on the Client side of my project, I ...
0
votes
0
answers
26
views
Cannot apply colors to the SVG in Go with gotrace [closed]
I'm trying to write an PNG to SVG converter by taking this code as an example. Wasted 2 days but still cannot figure out the problem. inspectImage works successfully, and I get the colors. So the ...
1
vote
3
answers
72
views
SVG tracks mouse issue with Javascript
I have A SVG with two eyes where each pupil tracks the mouse position.
The issue is, the two eyes acts individually and not as a group. For example if you position the cursor between both eyes, the ...