Most voted "svg" questions
SVG (Scalable Vector Graphics) is a two-dimensional vector graphics format based on XML.
Learn more…168 questions
Sort by count of
-
1
votes1
answer315
viewsOptimization in SVG image loading
I’m creating a site that contains several SVG images. I’ve tried creating a Sprite with some images and embedding them directly into CSS (background-image). After searching for several days I could…
-
1
votes1
answer36
viewsMake multiple Svgs converge to the same point with CSS
Good people, I was wondering if I could get this shape, which looks like a piece of pizza, to form a circle. The idea would be to clone it 10 times and form the complete circle.…
-
1
votes1
answer501
viewsProblem with an SVG code in HTML
I added svg code from a 3D image vector in my html code to animate with css. The problem is that the svg code is huge (3k lines of code or more) in HTML and it was the only way I could find to…
-
1
votes1
answer455
viewsEffect of :Hover on an SVG inside the <img> tag
I have a file .svg here and I’m using the tag <img> to display this SVG on the screen but wanted to know if it has how to apply a CSS effect on it as :hover, unused jquery preferably, I’ve…
-
1
votes1
answer297
viewshow to make a drawing svg to be only the size of the perimeter and not of a square, as is normal
I have a vector image (SVG) created in Inkscape, but it gets a size (default ?) that is square (the dimensions), but I want the image to be just the size of its perimeter, and not simply width x…
-
1
votes1
answer256
viewsIs it possible to add an SVG animation to the HTML body of an email?
I am doing an email sending algorithm for account confirmation, I am able to send the email normally, however I would like to add an SVG animation in the HTML body of the email. I am using outlook,…
-
1
votes1
answer451
viewsAnimation in SVG image - Auto Drawing
I created a vector in Illustrator and saved it in .svg - this is the present and future of images. And I got the code on svg of the picture and put on the website. I want to make an animation with…
-
1
votes0
answers60
views.SVG + PHP Automatic Animation
Good morning, I’d like to get help in a situation I came across today. I have an animation in . svg that I wanted to do something that I’m not getting a way to do. I have several elements and they…
-
1
votes1
answer43
viewsPulse effect does not work properly when it has 2 elements
I have the following code: <svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" xml:space="preserve"> <g> <circle…
-
1
votes1
answer515
viewsStyle (css) SVG with border
I am using svg Sprite and would like to know how to style these icons, I can use the fill: color, but I’d like to give a Hover effect by just leaving the edge. I’ll put the codes I have here to make…
-
1
votes1
answer65
viewsVariable value seems not to change according to loop
I have an array and am making a loop. Within this loop I take the total size of items from each array and mount an event onmouseover displaying a tooltip with these numbers. But when I hover the…
-
1
votes0
answers140
viewsGenerate a PDF of a Morris Graph
I’m developing an application that generates a report using Morris charts (https://startbootstrap.com/template-overviews/sb-admin-2/) The graphics are working properly, now I need to generate a PDF…
-
1
votes1
answer79
viewsAnimation Transform "blurring" svg while animating
I’m having a problem making an animation where I have one circle in svg and I need to make it go up to cover the entire screen, like a FAB which transforms into a div, I’ve done an animation of this…
-
1
votes1
answer30
viewsEffect with js and svg only works in the first class in the second effect does not apply
I have a problem with my effect on svg added a triangles effect with svg and js in one of my sessions website as you can see works normally but needed to put this effect again in another session I’m…
-
1
votes1
answer40
viewsAnimation bug in Firefox
I created a svg and made a little loading animation, in the style of a simple Download... This animation works perfectly in Chrome, but in Firefox and Edge there are some problems with the…
-
1
votes0
answers180
viewsSelect elements from all window.frames and apply events
How can I select and manipulate elements of all window.frames that are being generated by each SVG within a tag <object> that I put on the page ? I’m looking to add events click() in the…
-
1
votes0
answers673
viewsHow to use a Figma layout in Android Studio?
I have a project in Figma with some screens, for example the image below: Figma generates the XML or SVG code of each component, such as the "screen": <!-- layout/*.xml --> <RelativeLayout…
-
1
votes2
answers1557
viewsChange the color of an SVG by a button
I have a rasteirized and inline SVG on a page. and I need to change the color of this svg as the user clicks on a given button. In this case I have several buttons, each one responsible for changing…
-
1
votes0
answers110
viewsHow to insert SVG dynamically?
I have several SVG’s and need to insert them dynamically into HTML5 and responsibly... How do I do this feat? Remembering that I will have to manipulate each image svg id. NOTE: THE SVG WILL BE…
-
1
votes1
answer219
viewsSVG with bottom 0 on footer and still with white space
Good afternoon I have a problem in my layout, svg is in the footer position and I can’t remove the blank at the bottom of the page. I tried on the body I don’t think it’s his property. <svg…
-
1
votes1
answer102
viewsSVG - Problem opening svg file
Good staff, I’m having a little problem with svg files. The situation is as follows: I have an initial file (also with svg extension) which I subsequently edit (change text, dates and so) with the…
-
1
votes1
answer30
viewsDo I need to declare the SVG Version in the tag?
I have a question about the need to declare the SVG version in the tag <svg> I know the SVG started with the version 1.0, 1.1, 1.2 and now it’s in the version 2.0. Some SVG see with the…
-
1
votes1
answer341
viewsHow to place an image inside the SVG?
Eae Personal, I’m having a difficulty, I’m wanting to put an image inside my svg but I can’t, someone could help me ? Follows my code: <svg version="1.0" xmlns="http://www.w3.org/2000/svg"…
-
1
votes1
answer327
viewsUsing Awesome font in an SVG
I’m trying to put an icon font awesome within my SVG. I am based on this tutorial: http://tutorials.jenkov.com/svg/svg-icons.html I am doing as follows, but the icon is appearing outside of Circle.…
-
1
votes1
answer199
viewsHow do I get my svg moving free in a background?
I have javascript animated path and want to move it freely through the background of my <body> so that this path exceeds the maxwidth it automatically appears on the opposite side (as a…
-
1
votes1
answer1076
viewsProblem adding SVG to React Native
I am unable to add an SVG to a component (SplashScreen), follows the code: import {LinearGradient} from 'expo-linear-gradient' import React from 'react'; import {Text, View, Image} from…
-
1
votes1
answer146
viewsImport inline SVG from Absolute path in Next.JS
I’m having trouble setting up Next.Js to make imports on absolute camino. I set up the tsconfig.json using the baseUrl as "src" and even works except in inline SVG files. I am using the…
-
0
votes1
answer54
viewsSVG rectangle inside another rectangle
I want to place a straight element inside another straight element. I used opacity, but always show me a rectangle. I used the following code: <svg width="400" height="180"> <g> <rect…
-
0
votes1
answer76
viewsHeight and width SVG
I have an SVG element and I want its height and width to fit according to the resolution. For this I will get in javascript through screen.width. Now I wanted to insert this obtained value into the…
-
0
votes1
answer82
viewsLimit the number of clones
With the follow-up of this project, Clone of an image, I wanted to limit the number of clones and the movement of the images for example through a variable (ex: variable = 5) When for example the 5…
-
0
votes1
answer55
viewsTable in SVG file
I create a SVG file in PHP. I wanted to write a table in the file, and then show it. I used this, but it doesn’t show the table when I open with an editing program. fwrite($hndl, "<?xml…
-
0
votes1
answer16
viewsProblem with animation timing with SVG
I’m trying to make an animation of SVG using very simple CSS, where stars appear within themselves infinitely. The only problem is that after the first loop one of the paths starts to go over the…
-
0
votes1
answer327
viewsChange the properties of an SVG object with JS
I’m learning about graphic creation SVG for HTML and would like to know how I can change the properties of an object SVG (line, cicle, rect) through JS for example, by clicking on a button it change…
-
0
votes0
answers44
viewsPut a button to download a svg
I’m tagged: <svg id="codBarras"></svg> In it is created a barcode in SVG for me. I need to know if there is a way to download this image through a button. If there is, as I do in pure…
-
0
votes1
answer24
viewsHow to differentiate clones to color certain parts of SVG
Following my series of issues to resolve this, I would like a tip on how to differentiate these clones that are generated as I would like to paint only one slice at a time. The idea is to click on a…
-
0
votes1
answer30
viewsSVG mosaic with cross-browser support, is it possible?
I have a project in which I would like to include a mosaic-shaped gallery, this would be responsive and interactive. At first, I thought about SVG for the free form and without loss of quality/…
-
0
votes1
answer478
viewsText in SVG HTML
I have the following HTML code: <!DOCTYPE html> <html> <body> <svg height="100" width="100"> <circle cx="50" cy="50" r="40" stroke="black" stroke-width="3" fill="red"…
-
0
votes1
answer56
viewschange path color by path svg with button
hello I wanted to change the color of all that svg or some way. then if anyone can hint at what is wrong with that code, because it doesn’t work properly <!DOCTYPE html> <html>…
-
0
votes0
answers45
viewsSubmenu in tag "area"
I have to develop this element that is in the middle (rendondo) : I never developed such a shape in HTML/CSS, so I resorted to tag <map> and made the following code: <div align="center">…
-
0
votes2
answers821
viewsError while trying to display a vector (SVG) imageView!
Good guys, in this app I intend to do a test inserting a vector image in the main Activity. I did the integration process all right, as you can see: But even having followed the entire tutorial, the…
android android-studio svg imageview android-resourcesasked 7 years, 9 months ago Boneco Sinforoso 817 -
0
votes2
answers34
viewsHow to capture the status rendering (pending) for svg not loaded on the screen?
I have an avatar that mounts with SVG files, the problem is that it gets disassembled before status 200. How could I capture the status (pending) for only after it load show the avatar? Example of…
-
0
votes1
answer47
viewsProblem to convert SCSS to LESS
I am using a background made with svg from this link here but his color palette is SCSS and I’m using the LESS how can I convert these elements to LESS? I tried to put the @ in place of $ but it…
-
0
votes1
answer328
viewsHow to use SVG icon in Google Maps addMarker (Markeroptions) API Android
I am using the following Example code from the Google Maps v2 API for Android: mMap.addMarker(new MarkerOptions() .icon(BitmapDescriptorFactory.fromResource(R.drawable.ic_bike)) .anchor(0.0f, 1.0f)…
-
0
votes0
answers27
viewsAdministrative panel modifying/changing svg contents
I was imagining a page structure like this, but I do not know if it is possible to execute and wanted to know the paths and possibilities. In a div would have mysql table data and a svg. The objects…
-
0
votes0
answers216
views -
0
votes1
answer51
viewsProblem with "mouseleave" and its reaction with SVG images
On the site there is a popup that in case should only appear when the person takes the mouse from the site area. But it was appearing when clicking a button that jQuery('body').mouseleave(function()…
-
0
votes0
answers280
viewsConvert svg to png in PHP
I have been researching and testing implementations allocated in repositories, however I could not apply to my case. I would like to know if there is any native way to do this, considering that the…
-
0
votes1
answer64
viewsMultilaser tablet does not load svg positioning correctly
I created a character using SVG, which appears unmounted on the tablet inside the webview, this happened in the standard browser also tablet: Multilaser Android 4.4.2 Model Number: ML02-M9-Quad-Core…
-
0
votes0
answers140
viewsHow to use HTML elements inside SVG in Angular?
I was using SVG in Angular when I needed to put HTML elements inside it. So I first tested it in w3schools. Image with the code and expected result below. Then I replicated in Angular("xhtml:"…
-
0
votes0
answers45
viewsHow to get the updated "d" attribute from a staggered SVG path
Well, I have the following code by which I take the contents of the "d" attribute of a <path> SVG, however, need updated coordinates after using scale to increase the size of the drawing,…