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

Positioning a transformed SVG element within an svg-canvas

I have written a function that will resize an SVG path, or any shape. However when i use it the path does gets resized but unfortunatetly it also changes position within my svg-canvas. this is my function function output() { var…
nicholaswmin
  • 21,686
  • 15
  • 91
  • 167
0
votes
1 answer

Capturing prompt values within a function for SVG transformations

I have this function and i want to grab the values from the prmpts and instert them in the transformation matrix. For some reason this is not working. I am thinking that the problem is because i need to use "" before and after each var but because…
nicholaswmin
  • 21,686
  • 15
  • 91
  • 167
0
votes
1 answer

Grabbing the ID attribute of a selected element within my svg-canvas. SVGEDITOR and Methoddraw

I would like to get the id of a selected element within my svg-canvas as a variable to use it within a function. I would take it that var selected = svgCanvas.getSelectedElems; doesn't pass a particular id. Any ideas?
nicholaswmin
  • 21,686
  • 15
  • 91
  • 167
0
votes
1 answer

Creating an image on load of SVG editor

I am working on svg editor, specifically the Method draw implementantion. I want on loading the editor to load an image instead of a background rectangle. Currently the javascript file includes this command to create a background rectangle within…
nicholaswmin
  • 21,686
  • 15
  • 91
  • 167
0
votes
2 answers

Calculating an SVG path as it is drawn, before nodes are created

I would want to calculate and display the length of a path as it drawn, before its nodes are created. The idea behind it is letting the user see the length of each path segment before he creates it so as to know where exactly to put the node. I have…
nicholaswmin
  • 21,686
  • 15
  • 91
  • 167
0
votes
1 answer

Calculating the length of a subpath using the SVG specification

I am an amateur on coding, trying to learn Javascript. Pardon me if I sound too generic. I'll try my best not to. I am working on SVG-edit and I am trying to get the length of a subpath(the path that is being drawn after i create a node on my…
nicholaswmin
  • 21,686
  • 15
  • 91
  • 167
0
votes
0 answers

How make slideshow for images and video with SVG?

I have two images(png) and two video (mp4). Need to make slideshow in next sequence: play video #1; show image and show some text with fade effect on bottom of image; show another image with some movement and zoom to center effect; play video…
Serge
  • 2,031
  • 3
  • 33
  • 56
0
votes
1 answer

SVG marker-end for path in chrome

The below coding working fine in IE. but the arrow mark is going left orient in chrome. What is the exact problem. pls, Can anyone tell me. ?
LivinKalai
  • 311
  • 2
  • 4
0
votes
1 answer

Scale bubble in chart

I have the following code modified from the kendoui demo http://jsbin.com/alupin/6/ I am trying to scale the size of the bubble on mouseover and back to original size on mouse out however I am getting a trace of the border of the circle. I am using…
desiguy
  • 652
  • 2
  • 9
  • 25
0
votes
2 answers

SVG to viewBox Coordinates

I am using JQVMAP to generate some maps of the US. The plugin has an onRegionClick callback. I am trying to zoom in to the clicked state within this function. I kind of have an idea of how to do it by converting the SVG path returned to me onClick…
hanleyhansen
  • 6,304
  • 8
  • 37
  • 73
0
votes
1 answer

Sending only BLACK filled objects to the BACK OF THE LAYER. SVG EDITOR

I am working on SVG-EDITOR for a long time now. I want to make the editor stack all objects drawn based on their fill properties on the fly(while i am editing). This would send all the objects with fill color: black to the back automatically. Any…
nicholaswmin
  • 21,686
  • 15
  • 91
  • 167
0
votes
1 answer

Cross Browser support Three Dimensional Model

I have to create a three dimensional model in a browser based application. This application should work on all major browsers.I want a technology other than java applet and flash.Can anyone please clarify my below questions? What will be the best…
KiranPalode
  • 498
  • 3
  • 8
  • 23
0
votes
1 answer

AngularJS - How to trigger directive on bindHtml update?

I have an example of the problem I am facing here: http://jsfiddle.net/Siyfion/JxLhX/ Essentially, I want to use jQuerySVG to attach some functionality to the SVG document (onClick, etc.) whenever the user clicks on a document from the list. I know…
Siyfion
  • 979
  • 1
  • 12
  • 32
0
votes
1 answer

svg element stretch

I am creating a simple drawing application using SVG where a user can draw circles, rectangles, etc. and zoom in and out as necessary. My main problem is stretch. I want to create a stretch button which will stretch all the SVG elements to the size…
user1728819
  • 1
0
votes
1 answer

My second svg image wont show up using Keith Woods JQuery svg plugin

I can't get two different svg images to load on my page using Keith Woods JQuery svg plugin. Is this possible to do? How? The following code prints out my first svg image as it should but the second isn't visible and shows up as "
BjäreMedia
  • 13
  • 5
1 2 3
…
17 18