Category "svg"

Whats the best way to control image sizes using CSS Grid?

Im getting very familiar with CSS grid. But its has a few perplexing issues of how to best set it up when you start trying to involve images and grid responsive

why is my clientwidth/100 different than my width by percent?

I have a small program that when you press down on ArrowDown, the circle should move downwards from its position on screen. The issue I have is that my initial

How to set the shape rendering attribute to crispEdges using Apache Batik SVG 1.8

I'm trying to get Apache Batik 1.8 to output shape-rendering="crispEdges" instead of the default shape-rendering="auto" in the root <svg /> node. I've s

When referencing favicons, is MIME-type declaration (using the type attribute) obligatory?

When referencing a <link rel="icon"> in the <head> of an HTML document, is it obligatory to declare the MIME Type of the icon image using the attrib

How to align separate svg text elements like character alignment in word

I am working with an svg text element and I need to create separate <text></text> element per character of a particular word, Lorem in this case. Fo

How to animate a svg path such that another different colored path slowly starts filling it?

I have an SVG that kind of looks like a race track encoded in the form of a <path> element. What i want is to animate another path with a different color

How to remove padding from font library svg files

I am using Flaticon font library, which is really useful, since you can include svg images via the i tag and change their color and size via css. Flaticon Font

How to convert SVG to PNG in flutter

I am looking to convert SVG from assets to png and write it to File. I have managed to write SVG to file, but I want to write the image to a file as a PNG code

Change image on home page according to time of day with CSS?

I am attempting to create the following: I have five svg´s, each of them representing a different time in the day. Morning, Midday, Afternoon, etc. Is it

Import .svg and resize .svg use styled-components in next.js

I am currently trying import .svg into next.js project but I failed. I tried import .svg same way as in react project, that I created typing.d.ts and import svg

Misconception regarding the matrix values e and f in svg

I seem to have a logical misconception, regarding the matrix of svg elements, specifically the parts e and f, which I hope someone can help me clarify. Basing o

Unable to use dynamic svg url in github Readme.md

I am trying to use this link in my github readme.md file but not able to see it after spending some time i got this error Refused to apply inline style because

d3.js geo projection renders a black box

I am trying to make a US map using d3.js. I use the following code to draw my map: const EDUCATION = 'https://raw.githubusercontent.com/no-stack-dub-sack/test

Is there a simple way to build an HTML5 Canvas from an already existing SVG? I tried using a converter, but it doesn't resemble the original at all

I'd also like to use JavaScript to manipulate the rotation of certain layers inside the SVG. I use Inkscape, but when I save it as "Canvas - HTML", the transpar

Xamarin.Forms set Button ImageSource as ffimageloading Svg embedded resource

I would to put a svg embedded image as ImageSource for a Button in Xamarin.Forms, something like this <Button Text="Button" ImageSource="resource://fullname

I am trying to create a rect element within a svg element, but its not working

Why is the red rectangle not appearing when I run the function createRect(). Any help would be much appreciated. function createRect() { var rec = doc

Dynamically added svg iamge not visible in Angular

I tried to add svg image on my application but it's not visible. The image link is coming from the backend. I tried multiple ways but nothing is working. 1st wa

.NET Maui: Vector/SVG splashscreen not correctly resized

Testing to add a custom splash screen for a Maui app, I read some Microsoft docs that says At build time, the splash screen image is resized to the correct si

how to connect images with dotted line

I'm trying to connect images with each other using svg, but noting gives result here is the example of how it should be

mouse actions for SVG in HTML

If I embed an SVG into a HTML page, then users can click on words in the SVG (that are included as text). Is it possible (via JavaScript or similar) to find out