Skip to main content

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.

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 ...
Red Baron's user avatar
  • 7,419
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 ...
Igor's user avatar
  • 1
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 ...
StonedCodingTom's user avatar
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=...
Utsav Ladani's user avatar
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 ...
AntonAntonoff's user avatar
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 ...
Carl's user avatar
  • 149
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/...
MD Shafikul Islam's user avatar
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 ...
Utkarsh Dubey's user avatar
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 ...
myf's user avatar
  • 10.9k
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 ...
Léo Delplanque's user avatar
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 <...
Tim Nikischin's user avatar
-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", &...
Sudipta Das's user avatar
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 ...
Michael Martell's user avatar
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 ...
mountim's user avatar
  • 33
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" ...
ashish singh's user avatar
  • 6,839

15 30 50 per page
1
3 4
5
6 7
2948