Define a circle / arc animation in SVG
Does anyone know how to define an animated arc / circle in SVG, such that the arc starts at 0 degrees and ends at 360 degrees? ...
svg
Having trouble animating a grouping in jQuery SVG
I'm new to jQuery as well as jQuery SVG and I can't seem to animate a grouping. var g = svg.group(); var newRectA = svg.rect(g, 100, 10, 25, 25); var newRectB = svg.rect(g, 200, 10, 25, 25); $(g).animate({ svgX: random(500), svgY: random(500)}, 500); Is that how you animate a group? Are newRectA and newRectB even grouped together...
How to crop gtk pixbufs
I've got a gtk - pixbuf out of an svg and want to crop this to a specific size at specific coordinates. Anyone has an easy possible solution for that ? ...
Get the coords and height/width of a svg group into python
Hi I want to load the groups of a svg-file into several gtk pixbuffs/subpixbufs therefore I need the coordinates and width and height of them I'm currently just using rsvg and gtk is it possible to get those information with that modules ? Or do I need another module to read out that data from the svg-file? thanks alot ...
What 'html5' frontend tech to use for a drag and drop team management app?
Hi, Background: I'm trying to build a web app (as a personal project using modern browsers only) that will leverage the http://www.blackoutrugby.com API. This is an online rugby mgt simulation game. The intention is to offer something powerful to the user which will calculate best teams based on current stats from their team and oppone...
Cant dynamically update text in svg using SVGWEB, Embedded SVG Fonts, and Flash Renderer
I am having a problem with the flash viewer and embedded SVG fonts. I am dynamically changing the content of a element using javascript. When I do this with the default system font, the text updates beautifully, however when I use an embedded SVG font and the flash viewer, changing the context of the element does not delete the previou...
Creating SVG markers programatically with Javascript
Hi, Is it possible to create a marker in SVG using Javascript and then apply it to a newly created line? If so, please can you tell me what is wrong with the code below. I would expect the red and green lines to both have an arrow head but in both Chrome and Firefox 3.6 only the green line does. <?php header('Content-type: application...
Advice needed: A programmatic way for creating vector graphics with heavy usage of text.
I need a way for render a tree-like structures, similar to flowcharts. Surprisingly, I can't find(or I'm doing wrong) a suitable tool. First, I looked at SVG. But I couldn't find a way to draw a bounding box around the text without using ECMAScript: I tried to do a simple thing drawing two text surrounded by boxes and linked by a lin...
jQuery Selector + SVG Incompatible?
I've been working with an HTML5 document with inline SVG and javascript animation. I'd like to have a box pop up when the user clicks anywhere, and I'd like the box to go away when the user clicks somewhere that isn't the box. This means I can't use $(window).click(), which works. I've tried selecting the SVGs on top by giving them cla...
How do I get SVG to render with transparency in web-kit?
I am having issues embedding SVG into a webpage. I have found the simplest method to just use an image tag. For example: <img src="my_graphic.svg" height="100"/> Works in web-kit. I do not need to explicitly set the width and the browser will maintain the aspect ratio. Very nice! This doesn't work in Firefox though - it's not cross b...
OpenGL or Rasterizer for playing SVG
I am planning to write a SVG player. To have the animation run at 20 frames/second I want to generate images at that rate and throw it at the screen. Now to do this what would be a better option, whether to convert the SVG into a OPenGL sequence or just rasterize the SVG into a image buffer directly, I am no expert on OpenGL, neither am ...
SVG & font metrics
Is there any means to get font metrics in SVG? I'd like to get: descent, ascent, max height, advance. I need this for drawing text & graphics together like in flowcharts. For example, I need to draw a box around text, and to draw a connector line from the middle of ex-size(size of letter 'x'), and not from the center of the box side. ...
Accessing a DOM object defined in an external SVG file
SVG standard allows to use and refer external SVG files. I have a file circle.svg that defines a circle object with id "the_circle". From the main SVG file I am able to include this circle and animate it, using SVG linking. I would also like to access the same circle object via javascript, how can I do this ? What is the javascript equ...
How to achieve 'donut holes' with paths in Raphael
I'd like to draw a shape which has holes in it such that I can fill the shape it and not have the holes filled with that colour (leave them transparent). According to the W3 path spec: Compound paths (i.e., a path with multiple subpaths) are possible to allow effects such as "donut holes" in objects. Can somebody please give a ve...
Reusing the same SVG in a PDF with wkhtmltopdf
I have the following HTML for conversion to PDF using wkhtmltopdf: <html> <head> </head> <body> <object data="first.svg" width="100" height="100" type="image/svg+xml"></object> <object data="second.svg" width="100" height="100" type="image/svg+xml"></object> <object data="third.svg" width="100" height="100" type="image/svg+xml"></objec...
Scaling multiple paths with raphael
Hi I'm trying to use Raphael to create a map tool similar to this example in the webpage. I have an svg file of the map I want to use, and the provinces are all separate paths in the file. However, if I copy the coordinates form the svg file directly to a raphael path, the image is too large to fit the screen and therefore I need to sc...
Can't find flowed text element by ID in SVG
I've been playing with animation in an SVG: http://imgh.us/renamon-animtest.svg (links to script "anim.js") In the window.onload event, I have: function init(evt) { if(window.svgDocument == null) { if(evt.target && evt.target.ownerDocument) svgDocument = evt.target.ownerDocument; else if(evt.original...
How to insert a SVG file in a PDF document?
I'm trying use tool from http://jan.kollhof.net/projects/svg/svgpdf/ but acrobat reader don't show svg content in pdf. ...
How to get horizontal advance width of the SVG font ?
Hi, How to get "horiz-adv-x" (horizontal advance width) for the font tag in the SVG font file from truetype font ? For eg: <svg xmlns="http://www.w3.org/2000/svg" > <font horiz-adv-x="400" id="svgfontid"> ... Here in above sample SVG, horiz-adv-x is "400". Note that I am not talking about individual glyph's advance width....
How to make SVG appear without scroll bars in html
How can I make a SVG appear reliably without scrollbars in HTML? Something that works in both Firefox and Chrome is sufficient. The most basic step is that the SVG appears as it's "natural" width and height in the document. Fully expanded. Without scroll bars. firefox generally does this. Chrome generally does not (unless I use prior k...