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,167
questions
-1
votes
0
answers
17
views
My XHTML page refuses to display any buttons or SVG
This morning my Google Chrome web browser updated. Now my webpage won't display anything except the words SVG_Bezier_Curve on the bottom of the page. And I don't know why.
Here is my XHTML code:
&...
0
votes
0
answers
15
views
Make font in embedded SVG the same size as in surrounding HTML [duplicate]
Is there a CSS-only way of making the font of <text> elements inside an embedded SVG conform to the font size of the surrounding HTML? <text> elements scale according to the viewBox ...
0
votes
0
answers
16
views
Webpack: How do I replace <use> tag with actual svg data?
My index.html uses a svg in this way:
<button class="button--settings" id="button_settings">
<svg role="img">
<use href="assets/images/...
-1
votes
0
answers
15
views
Screenshotting of SVG D3 diagram with wrong rounding edges [closed]
I'm trying to take a screenshot of SVG of my Sankey diagram generated by D3.js in React app. Every time I try to capture it using different libraries and methods, the edges of the links become rounded....
1
vote
1
answer
26
views
Replace img tag with in-line SVG with BeautifulSoup
I have an HTML file produced by pandoc, where SVG illustrations have been embedded. The SVG content is encoded in base64 and included in the src attribute of img elements. It looks like this:
<...
1
vote
2
answers
41
views
how to make SVG motion move position in a perfect sine(t) in 1 axis
I'm trying to make an object in an animated SVG image move in a perfect sine motion in one axis (up and down or left and right). For instance: x(t) = a + b * sin(t * 2PI*f)
(I'm also trying to animate ...
0
votes
0
answers
24
views
Gradient icon stroke does not work on some `path` elements [duplicate]
I have the following gradient definition:
<linearGradient id='landing-page-svg-gradient' x2='1' y2='1'>
<stop offset='0%' stopColor='#C6FFDD' />
<stop offset='...
0
votes
0
answers
28
views
Leaflet - SVGs in Custom Pane not updating position
I am using d3.js to draw svgs on a basic map in Leaflet. I want my custom pane lay on top. I have created a pane and it works just fine.
// draw overlay in custom pane
function drawBorderOverlay() {
...
0
votes
0
answers
18
views
Rendering a 3D Cuboid onto a Camera Image Using SVG in Three.js
I’m working on a project where I need to render a 3D cuboid onto a camera image using Three.js and SVG. Here are the details:
3D Cuboid Data:
{
"id": "c90193ab-1812-4b52-a853-...
-1
votes
0
answers
44
views
How to convert the html view into SVG tag
public class Template
{
public int TemplateId { get; set; }
public string? Name { get; set; }
public int BasePrice { get; set; }
public int BorderWidth { get; set;...
1
vote
1
answer
24
views
NoSuchElementExists when trying to select svg with Selenium
I have a lot of files to download so I'm trying to automate it with python and Selenium. (Accessing the site's API is not an option; I would have done that if I could have.)
The only element I can't ...
0
votes
0
answers
51
views
SVG rounds edges with large stroke-width
I met a problem during sankey diagram generating with d3 and screenshoting it with html2canvas.
D3 looks fine with this code of links:
<svg id="svg" width="740" height="400">
<g fill="...
-1
votes
0
answers
38
views
How Can I insert a div into svg? [closed]
I'm trying to put a react component into a svg and I did it but the items (elements) of the component are overflowing out of the svg path boundries.
I want the svg path boundaries to not overflow the ...
1
vote
0
answers
25
views
Change SVG stroke color for <line> in CSS [closed]
I'm trying to change the stroke color for lines in my SVG dynamically using CSS. The CSS file is correctly linked, as other styles like fill are applied successfully. However, the stroke color doesn't ...
0
votes
0
answers
21
views
Mask div using SVG with filter?
I have a div, that I want to be masked by an svg containing a filter. Specifically, I have a parent SVG that has a mask containing a filter to create a cloud effect.
<svg
version="1.1&...