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
0
votes
1 answer

Raphaeljs - Edit a simple rectangle into complex polygon

BACKGROUND: I am currently working on a floorplan editor where the user can create a floorplan of a house. SCENARIO and ISSUE: At times a user may want to build a room that is not a rectangle but L-shaped. I want to give the user a choice to split…
user1517108
  • 2,395
  • 6
  • 32
  • 43
0
votes
1 answer

attribute of polygon is not working

this example that I can see the attribute . jsFiddle code work well polygon.hoverable { fill: blue; stroke:gray; /* Replace with none if you like */ stroke-width: 4; cursor: pointer; } here same code not working. var path =…
yossi
  • 296
  • 10
  • 24
0
votes
1 answer

Strange Zoom/Move Issue of jQuery-SVG plugin

I am using a jQuery SVG plugin from http://keith-wood.name/svg.html, and have a strange issue. The plugin package is very good, enabling simple code. However, when I implement the zoom and move function, the code only works for one PC, and does not…
user1625181
  • 1
  • 1
0
votes
1 answer

Get SVG representation of div using jQuery SVG

I am trying to get svg representation of a div.I am using jQuery SVG for this http://keith-wood.name/svg.html I am doing this on page load: var pad = null; $('.MyDiv').svg({onLoad: function(svg) { pad = svg; } }); and on…
JAVAGeek
  • 2,674
  • 8
  • 32
  • 52
0
votes
1 answer

Can't change SVG rect properties in three containers

After several tries, and code changes, I am unable to make rectangle inside SVG to change his position - don't even ask for animating. Obviously using jQuery SVG plugin plus animation extension. The problem: A SVGs wrapped inside three
, an…
DarkGhostHunter
  • 1,521
  • 3
  • 12
  • 23
0
votes
1 answer

Error when assigning currentScale of SVG root element

I have a problem with SVG and JavaScript: This code behaves as expected: function initSvg(width) { SVGRoot = document.getElementsByTagName('svg')[0]; console.log(SVGRoot.currentScale); // Displays '1' which is OK but when I try to…
chessweb
  • 4,613
  • 5
  • 27
  • 32
0
votes
1 answer

Extend SVG path

In one of my application I am creating a SVG path with the following code var points="M1180,401 S1180,476 1030 476 L100, 476"; createPath(points, id, name); function createPath(points, id, nane) { var shape =…
ramesh
  • 4,008
  • 13
  • 72
  • 117
-1
votes
1 answer

In highchart general drawing make svg label zoomable on mouse hover

render = this.renderer, colors = Highcharts.getOptions().colors; render.label("On_Mouse_Hover_Zoom",100,50).attr({'stroke- width':1,stroke:'red'}).css({fontSize:'10px'}).add(); output of this code is like enter image description…
Shubham Thagunna
  • 127
  • 1
  • 7
-1
votes
1 answer

How can below link SVG polygon animation can be created

Would you please tell me how can this http://www.zwei14.de/en/ polygon SVG animation can be created?
Muddassir Hassan
  • 1
-1
votes
2 answers

Animation of an SVG object with jQuery

I'm trying to animate an svg object with jQuery. The animation should be something like this: click on the primary object -> translate the primary object up. click on another object -> translate the primary object in another way starting from the…
Max Markson
  • 800
  • 1
  • 19
  • 34
-1
votes
2 answers

Rotated Element Height and Width

I have a text element with textContent "Design", that was transformed with css to be rotated 45 degree. So it get rotated, but the problem is how to get the height of the rotated element. pls refer the img I need the height and width of the box…
Code Break
  • 137
  • 1
  • 2
  • 7
-1
votes
3 answers

error in changing title property of nodes in vector graphics using jquery

I have a graph in SVG format, and I wanted to implement a functionality that changes the title property of any node when the mouse pointer hovers over it, and back to the old title when the pointer moves away. To implement this, I'm trying to use…
assassin
  • 19,899
  • 10
  • 30
  • 43
-1
votes
1 answer

svg path hover not working till clicked - others work fine

As I move the mouse over 'cells' all of them work on page load but one needs to be clicked first. As all of the paths are created in the same way and the path in question is not the first nor the last generated I have no idea what's the cause. my…
chris loughnane
  • 2,648
  • 4
  • 33
  • 54
-2
votes
1 answer

html content inside a SVG

i am trying to use a html content inside a svg code and for some reason SVG doesnt recognize this code. The html code works fine as a standalone. but when i copy this html code inside the SVG's tag it doesnt work. i have tried this foreigntag…
vinodhkumar ramamoorthy
  • 11
  • 2
-2
votes
2 answers

How to reload whole svg after click a button without reload page

https://github.com/a115/HTML-SVG-connect I am using this plugin for draw draggable line. But this plugin don't give me the permission to recreate line after load svg. I want create line when click on two element.
mnjroy
  • 1
  • 4
1 2 3
…
17
18