I am trying to replace the tag with link_to in my rails application view. for replacing I have svg icon, text and link all in one tag. Here is below <a class="navbar-brand" href="index.html"><%= image_tag 'logo.svg', "dat
I'm having trouble catching SVG pointer events on an SVG path element on a page. Here's the path code. I'm using jQuery to fetch the SVG path. <svg class="site-svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w
I want to have the rectangles in the svg tag to show up and change opacity on hover. I had this whole code working, but after adding a fixed div with a high z-index, the svg no longer worked (The hover effect has worked briefly but not consistently s
As the title says, how can I modify a svg in Adobe Illustrator? For example, I got this <svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px&quo
I have 3 svg objects. Each object has Arc shape. Logic is each arc object has initially disabled state, Start enabling first arc object along with ToolTip info. Here pls make note Tooltip has also in svg path, text and lines with a learn more button.
I am basically trying to display Leaflet cluster of markers (using Leaflet.markercluster plugin) on one canvas (using Leaflet.CanvasLayer). But the following code seems to be generating svg element and canvas elements. How can I just have the one can
I have a jsFiddle demonstrating this: http://jsfiddle.net/L0a3xa7j/1/ I've made a simple SVG icon for a window restore. I wish it to be 13x11. Here's the page markup: <svg display="none" width="0" height="0" version="
I am a newbie to d3.js . I am working in d3.js zoomable sunburst chart http://bl.ocks.org/mbostock/4348373. When the user zoom into a particular arc and I need to capture this state of the sunburst diagram . When the user comes back to the sunburst d
I need to draw something in the full browser window. However, I found it is sort of tricky to set it up with canvas object in D3.js. There is always a scrollbar on right side which was not there if I remove the js code. Here is my code: <meta name=&quo
Hello im writing an android app using the android svg-android.jar. (I think it's the google official library) I'm trying to parse my svg im getting an error. my svg falls on this line : <stop offset="0.1774" style="stop-color:#EDEDED;sto
I noticed recently that when the page is loading Chrome quickly display a border around SVG elements. This does not seem to happen in FF or Safari. Has anyone else noticed it? Any fixes?
I have a angular service that prints the current page. It clone a specific element and put in in a new window that it then send to the browser print service. I need to clone the element because I make some manipulation on it before printing it. The p
I have a few svg-paths like this: <svg> <path d="M5,1L5,2" stroke="black" stroke-width="1" fill="none"></path> <path d="M5,1L5,2L5,3L5,4L5,5L5,6" stroke="black" stroke-width=
Was wondering if anyone ran into a problem similar to mine and had some sort of solution they could share. I have a .svg that looks somewhat like the below image. My goal is to extract the ID "1214A" and any other unique ID's in the similar form
I would like to have an percent circle indicator on my site: In this case it's showing 75%. How should this be done? I have the yellow circle in a image-file, but if it's easier to, some how, do it all using CSS, that's okay with me. --------------So
This is sort of a complicated question: My goal is to take HTML, and export it as a PNG. I read that the best way to do this was to wrap HTML within an SVG and foreignObject element, and draw it on an HTML5 Canvas. The problem is, when I do that, I'm
i' m trying to make a circular timeline with SVG. i m using a fullpage js so i made a blue line working progressivly on scroll around the circle but now i want that my anchors dash array appears too but i can t find the solution, i want my anchors ap
The Problem: I'm using Snap SVG to draw and subsequently animate 4 graphics (desktop, laptop, tablet, phone), so that they morph into one another every 5 seconds. The devices are built using basic lines and shapes, as well as a PNG screenshot for eac
I have a logo made of SVG. This logo is made of a few paths, two of them have an animation with different timing. How do I trigger their animation when the SVG is hovered? I mean, I need both of the animations to run when the entire SVG is hovered. H
I have a 2D shape stored as a path element in an SVG. The shapes consist of Bezier curves and line segments. I also have a set of equally space points along the shape that I am generating using arc length parameterization. How can I use either the SV