44,385 questions
Advice
0 votes
0 replies
27 views
css/react/mui border radius like
Graphic designer designed this component that should display forms and messages like an auth form... I'm a bit confused on how should I code the top right border... I was thinking a simple border-...
Tooling
0 votes
6 replies
45 views
Vectorization PNG image with precise color number
I have a task to convert user PNG image to SVG with maximum possible color number coming from user setting (e.g. 8). It means that i should make initially image created from 8 colors and then convert ...
Tooling
0 votes
2 replies
84 views
What tools does Angular team use to design svg?
I am reviewing Angular source code. What tools does Angular team use to design these svg? I take some for example: //adev/src/assets/images/overview.svg //adev/src/assets/images/roadmap.svg //adev/src/...
2 votes
1 answer
99 views
Reuse SVG elements within different shadow DOMs
I have many instances of a custom element which uses a Shadow DOM. In their shadow DOM lives an <svg> element, which needs to display the same shapes with the same filters for every instance of ...
Best practices
0 votes
1 replies
72 views
How handle I correct a SVG icon in React?
I use SVG icons in a typescript / react application. The icons are in a SVG file. Every icon has an ID tag (the common way). In code I reverence the icon: <svg className="icon icon-lg" ...
2 votes
2 answers
127 views
Firefox ignores CSS embedded in external SVG <use> references
I have a simple external SVG file circles.svg that contains related CSS in <style> tag: <svg id="svg" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3....
Advice
0 votes
2 replies
61 views
Can animation data of <AnimateMotion> (e.g. translation, rotation) be accessed via JavaScript in real-time?
Assume the following example, directly taken from the W3 SVG 1.1 Standard Definition, section about <animateMotion>: <?xml version="1.0" standalone="no"?> <!DOCTYPE ...
-1 votes
0 answers
64 views
Change SVG background-color only on the viewBox [duplicate]
Having an SVG element with a certain viewBox, is there a way to change the background-color only of the viewBox? For example: <svg class="section-divider-svg-stroke" viewBox="0 0 1 1&...
3 votes
1 answer
101 views
Extruding a path without the z command in Three.js
I am trying to extrude this path using Three.js ('M10,10h100v100'). You'll note there isn’t any 'z' command in the SVG file, and it is just meant to be a polyline, going right 100 and then down 100. ...
Tooling
1 vote
3 replies
70 views
Optimized convertion SVG in to PDF
I have a hundred SVG files that I want to distribute. To make it easier, I converted them into a single PDF. However, since the SVG files define some paths that are used many times, during the ...
Advice
0 votes
3 replies
69 views
Simple geojson to SVG conversion
I need a simple web application that converts geojson to SVG. And I have a good response from using ChatGPT. Included are the codes that should run on this page. Since the code is generate by AI, and ...
Advice
0 votes
0 replies
124 views
How to properly change the font family of KaTeX math text that also looks nice on stretched/large glyphs?
I was asking ChatGPT about how to take a custom-designed monospaced font, and specifically how to make the "stretchy math glyphs/constructs" (parentheses, brackets, braces, integrals, ...
0 votes
3 answers
117 views
Create repeating SVG pattern with overlapping elements and no clipping?
I want to create a pattern where a bunch of small, oddly shaped segments are butted up against each other to look like a rope. each segment of the rope would need to overlap to get the spacing to look ...
1 vote
1 answer
88 views
How do I use this SVG filter as an animated CSS mask?
I want to put a horizontal line with a subtle moving-fog opacity effect beneath the headings on a webpage. I want the line itself to be colored gold with smooth, random brightness variations (e.g. ...
0 votes
0 answers
74 views
Why can I not get this querySelectorAll to work? [duplicate]
I have an xmldoc with an SVG element that I am trying to pre-process and clean up to do some things. The actual file has several thousand elements, and I want to remove the ones I do not want in the ...