Questions tagged [svg]
Scalable Vector Graphics (SVG) is an XML-based two-dimensional vector graphics format that can also be used in HTML. Do not add this tag just because your project uses SVG. Instead, add the tag if your question is either about SVG or closely related, like how to achieve something with SVG.
44,210
questions
0
votes
0
answers
32
views
How to make svg and its path the exact same dimensions? [duplicate]
I have an issue with lots of my svgs where the container is bigger than the actual content. See gif below where I flick between hovering over svg and path in the Chrome inspector.
As you can see the ...
0
votes
0
answers
65
views
How to set 'path' to use it with .getTotalLength() .getPointAtLength() methods?
I try to get 'path' to make use of it with .getTotalLength() .getPointAtLength() methods.
I try the following out of not knowing well enough SVG stuff:
// Declare the line generator.
const line = d3
...
0
votes
1
answer
35
views
SVG pixelized edges in Android Jetpack Compose
I converted the logo from SVG to XML in Android Studio. One change I had to make was replacing 'Fill' with '#pattern' with 'FillColor' because #pattern is not supported in Android. I don't think that ...
0
votes
0
answers
25
views
Tooltip is appearing on wrong element in Chome
I am facing an issue related to the tooltip on Chrome for this code:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content=...
1
vote
3
answers
83
views
How to add closing tags for line breaks (can't save the changes because of html standards)
I need to save my DOM structure as SVG image. To do so I transform some elements according to SVG standards.
SVG demands that line break and img tag shall have closing tags.
When I try to replace them ...
0
votes
1
answer
48
views
Equation in svg does not look the same as in MathJax equation
I'm trying to write a program that produces an svg file displaying math equations. For example, I want this equation in an svg file . The font in this equation is the one used on EE.SE (MathJax). The ...
0
votes
0
answers
18
views
Svg fold in vs code [duplicate]
Classes can be fold as Flowed. Many classes can be accommodated in a small space. Is it possible to keep SVG like this? Or are there any extensions for vs code?
<svg xmlns="http://www.w3.org/...
0
votes
1
answer
85
views
SVG not taking full width of container div
Facing issue where SVG is not taking full width of parent div.
I've tried updating the viewBox and adding width and height attributes to the SVG, but neither approach has worked.
My requirement,
I ...
0
votes
1
answer
51
views
Formal limits or baseline of decimal precision in SVG implementations
I have tested some very basic SVG sample (stroked circle filling square viewport with dash-array producing quarter slices) in varying viewBox dimensions, and observed some spectacular rendering and ...
0
votes
0
answers
21
views
Customize the dot marker with tooltip on line chart (ApexCharts)
I'm trying to create a custom library of chart component with Apexcharts and Vue3Apexcharts. I would like to be able to customize this little dot (marker)
Here is what I would like to customize
I ...
1
vote
0
answers
44
views
SVG circle stroke small radius
I create a svg library for my software using only svg outline and no fill. That way I can easily adjust appearance and color.
However, I am facing difficulties with small dots. I prefer using the <...
-1
votes
1
answer
54
views
How to convert .svg url into SVG tag
I am getting SVG icons from backend as below response:
{
"status": 200,
"amenities": [
{
"id": 4,
"amenities_name": "TV",
&...
0
votes
1
answer
56
views
Next.js SVG Image Mask (Reusable component)
I've been trying all day to create a reusable Next.js SVG Image mask component, using only tailwind / inline styles for locally stored images. I want to be able to pass an svg into it and an image and ...
0
votes
0
answers
14
views
Matplotlib fig.savefig(): When using \textmu in labels, it is sized completely wrong after saving to vector graphic
when I use \textmu in labels, it is exported in a shrinked form in vector graphics such as svg and pdf (see 1st picture). If i save the file as a .jpeg for example it is displayed correctly (2nd ...
0
votes
0
answers
54
views
What is the explanation for nested svg behavior?
<svg width="100px" height="100px" viewBox="0 0 100 100" style="outline: 1px solid red">
<svg width="50px" height="80px"
style="outline: 1px solid green"
>
<circle cx="25" ...