Category "svg"

Merging multiple SVG files into one

first of all I know that there are many similar questions like this, but none of them seem to do the trick for me. I'd like to know if there is any way to combi

What is the easiest way to use SVG images in Android?

I have found a myriad of libraries in order to use SVG images in Android and avoid the frustrating creation of different resolutions and dropping files for each

Checking and deleting attributes in SVG using Batik in Java

The question basically says it all. How can I check if SVG has a viewBox attribute? I am using Batik lib. I need this because I need to (at least) notify the us

SVG Dynamic resizing

Does anyone know I can dynamically resize an svg image so it fits within a container?? I find that the images I have overflows. What I want is a way to resize i

in react native im trying to get a svg file from the api but it shows

can anyone tell me how to fixed this issue please,,im trying to get svg images from the api but its not working shows this error... shows this error Error: Expe

Concentric circles with CSS

Does anyone know how to draw concentric circles like the RAF symbol (concentric red, white and blue circles) using only CSS?

Jest Angular svg template

I have several components in my Angular 9 app that have their templates defined in svg file like templateUrl: './eye.component.svg'. When I run tests it errors

how to load Svg components in remix run application

I have some Svg files which i want to load as react components in remix run app. for example in create-react-app your could do something like this import { Rea

How are XML namespaces validated on W3C's validator?

I have two files: <?xml version="1.0" encoding="UTF-8" standalone="no"?> <svg width="210mm" height="297mm" viewBox="0 0 210 297" version="1

How to center SVG within its container?

How does one center this SVG horizontally within .svg_wrapper? .svg_wrapper { border: 1px solid grey; width: 200px; } <div class="svg_wrapper">

CSS :before on inline SVG

Update Thanks porneL for pointing out the relation between generated content and replaced elements. I found this article which deals with this very topic: Int

Suitable tool for simple interactive web application

I want to create not complex interactive web application. It has some pinboard and user can create many simple objects on this pinboard (e.g. many small circles

JSVGCanvas svg is blurry

I have pretty much copy pasted the code from http://people.apache.org/~clay/batik/svgcanvas.html but the svg that is outputing is blurry. I have used both a fon

D3 v5 - how to set background color of text (only as wide as text)

Consider the code for some text I'm putting in some circles: var margins = {top:20, bottom:300, left:30, right:100}; var height = 600; var width = 1080

SVG Fill Color Not Working

I'm new to using SVGs and can't figure out what I'm doing wrong here. For most of them, if I want to change the color, I use: svg path { fill: blue; } Bu

SVG Fill and Filter urls from css not working on safari

I created an animation for my personal website, its working in Chrome and Firefox with no problems and I don't care about IE, but its not working on Safari, I t

SVG Path Fill Colour with CSS

I've seen lots of people posting this, and they all seem pretty happy with their answers. However I cant get my path fill to actually work, http://jsfiddle.ne

How to use z-index in svg elements?

I'm using the svg circles in my project like this, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 160 120"> <g> <g id="one">

How to use z-index in svg elements?

I'm using the svg circles in my project like this, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 160 120"> <g> <g id="one">