Stack Overflow
Stack Overflow

Questions tagged [jquery-svg]

A jQuery plugin that lets you interact with an SVG canvas.

jQuery SVG is a plugin for that enables interaction with an SVG document or canvas.

SVG (Scalable Vector Graphics) is a language for describing two-dimensional graphics in XML, and JQuery SVG provides methods for manipulating the SVG and creating new SVG elements, and it provides a wrapper to use standard jQuery methods in SVG as well.

256 questions
6
votes
1 answer

Bootstrap Tooltip Not showing on SVG Hover

Can you please take a look at this LINK and let me know why the bootstrap tooltip not showing on this svg? Here is the code I have
Mona Coder
  • 6,212
  • 18
  • 66
  • 128
6
votes
1 answer

How to call a function in the parent html document from an embedded svg

I'm quite new to svg and I have to perform a task with it, but I'm having lots of troubles. I have an svg (a map for instance) with areas defined by paths. My goal is to trigger onClick a function external to the svg to do some stuff (for instance,…
Alex
  • 191
  • 2
  • 10
5
votes
2 answers

Text editor for svg text

I am currently working with svg and its dom manipulation... Are there any WYSIWYG editors for SVG text. I have browsed so much, but can find only editors for html text. If someone can suggest one it would be of great help to me. Thanks in advance.
Srikrishnan Suresh
  • 729
  • 2
  • 13
  • 31
5
votes
2 answers

Replace an SVG element with another on click

Hi I am trying to create some interactive content from inkscape images in the format of SVG. I am loading a SVG file through, svg.load from http://keith-wood.name/js/jquery.svg.js I want to add an onclick listener to the loaded svg, so that i can…
David Karlsson
  • 9,396
  • 9
  • 58
  • 103
5
votes
2 answers

SVG connect two points with a line

Is there any way to connect two point using a line in SVG .I am having the following to create point in SVG.
ashu
  • 1,339
  • 7
  • 27
  • 43
5
votes
3 answers

Is it possible to set negative width in svg rectangle?

i want to move the rectangle based on mouse move. please refer below link. http://atomicrobotdesign.com/blog_media/draw/draw1.html get rectangle start position in mousedown event and start dragging it will create the rectangle in mouse move event.…
SivaRajini
  • 7,225
  • 21
  • 81
  • 128
5
votes
1 answer

How to clip away content that is outside the viewBox?

Is there a function or a way to clip a path that is outside the viewbox instead of just hiding it? I am using svg-edit which has a viewbox, a canvas area. Everything drawn outside that canvas is hidden. However when the output of the editor is…
nicholaswmin
  • 21,686
  • 15
  • 91
  • 167
5
votes
2 answers

svg to image on demand

I have javascript code that generates svg image tags on the fly when a person lands on one of the pages. Im using the d3 library to help make the image. The only problem is that d3 is not fully IE compatible and I would want to generate a .png, jpg,…
Jdahern
  • 1,196
  • 9
  • 14
5
votes
1 answer

SVG onload event called too early?

I have code like this, using jQuery-svg function replaceRaster(){ $('#png').remove() a = $('#graphic') b = a.svg(a) a.load('IDC_Energy.svg', {onLoad:bind} ) svg = document.getElementById("graphic").children[0] …
Hilton Shumway
  • 582
  • 5
  • 8
4
votes
1 answer

Selecting an manipulating an existing element with jQuery SVG

All of the examples on jQuery SVG's website seem to be geared toward building an SVG object in javascript and building new elements within it. It doesn't talk much about manipulating existing markup. PROBLEM: I have an existing SVG object with…
M. Ryan
  • 6,973
  • 11
  • 52
  • 76
4
votes
1 answer

CSS with [attribute="value"] rules not applying to jquery-svg image

I've got an inkscape SVG file loaded in with jquery-svg, which I'm trying to apply a bunch of CSS selectors to in order to ensure that items of particular layers are all of uniform colour, and to allow for mouseover effects on certain layers. It…
Rohaq
  • 1,886
  • 1
  • 15
  • 22
4
votes
1 answer

How to add link to svg path to navigate to another svg image using javascript

I am new to svg. I have two svg images i need to append link around the path in one svg image, onclicking that path i should navigate to another svg image.
user2083041
  • 513
  • 1
  • 8
  • 32
4
votes
2 answers

How can I add an outline/border to an ellipse element in SVG?

I am a newbie to SVG. I was wondering what attribute I could use to add an outline/border to an ellipse element in SVG code? Actually, I am trying to make an interactive graph using SVG and jQuery, so I need to have certain selected ellipse elements…
assassin
  • 19,899
  • 10
  • 30
  • 43
4
votes
1 answer

Move HTML5 SVG path

I have a SVG path element in my application, like: In a button click I have to move this path to the left, for example, from 100 to 200. I did it with the transform: $('.path').each(function () { …
ramesh
  • 4,008
  • 13
  • 72
  • 117
3
votes
1 answer

Gradient fill SVG with jquery

Is there a way to fill SVG with two or three gradient colors. Using following way I can fill a particular SVG path by one color. And radial gradient can be used but it cannot handle dynamic way. Colors need to define within SVG code. So I want to…
isuru
  • 3,385
  • 4
  • 27
  • 62
1
2
3
…
17 18