svg

Is there any simple format for visualising quad trees?

I have some data with presence/absence on big grid, internally represented as quad tree. Are there any convenient formats for showing that to users? Neither huge number of rectangles with svg nor huge number of pixels with png feel right. ...

svg 2 dxf conversion

I would like to know where I can find a reliable tool/library for conversion of svg to dxf. In between formats are also allowed as long as the dxf output is an exact replica of the svg. So that means conversion of the paths (and in particular bezier curves and arcs). I've looked at the svg2dxf export in inkscape but that's cutting corne...

Using SVG + Java for flexible information display, is this viable?

Hi, I have a requirement to create a "mimic" display of a complex electrical system. I have access to real-time status information and system block diagrams in Visio. Is this a viable approach: Create an SVG drawing from the system block diagram Tag the SVG elements of interest with SVG attributes load the SVG DOM into java locat...

Inline SVG Served By Python Script in Google App Engine Not Appearing

I'm writing an app that pulls chunks of svg together and serves them as part of a page mixed with css and javascript. I'm using Python and Google App Engine. What I'm doing works fine on my local development server but fails to render once it's deployed. So here's some test python to build a response: self.response.headers.add_header(...

Web charting libraries for mobile, our own research

We are looking for a nice javascript-based library for a web charting application we have been asked to do. The charts will be accessible and should actually be nice to interact with via mobile devices (iOS, Android, and the like). The user will be able to drill-down into some datasets, so the snappier (both processing graphics and loadi...

Avoid repeated image retrival from server

Hi! I am new to web design. Please correct me if my understanding is wrong. I am seeking advices that can avoid the round trip between browsers and server in the following scenarios. Imagine javascript first downloads all 30 ~ 50 images from server. These images are then used to build the thumbnail images, each in 60px by 60px or so si...

flip svg coordinate system

Is there a way to flip the SVG coordinate system so that [0,0] is in the lower left instead of the upper left? ...

SVG Background animation and frame rate

I've made an animation with SVG. It's like a slowly changing wallpaper. The idea is that you should barely notice it is changing. It's purely decorative, and I don't want it to drain any resources. Is there a way to set the frame rate in SVG? I thought setting it to a very low number might do the trick? I'm using Raphael, by the way. ...

Advice on using vector graphics on the iPhone

A question for the seasoned iPhone developers, what is your preference for graphics in an iPhone app? I have turned to PNGs because I read that is the preferred image format and they are the most efficient format for the OS in terms of performance. However I had read you should try to use svg graphics so they scale up on the iPad. I star...

scaling svg figure

I tried to resize svg file to be opened in illustrator with smaller width and height(pixels or cm), I did this by changing width, height and veiwbox attributes in tag, but it doesn't work at all.By search I have found that transform attribute via matrix value affects the real resizing of the figure,any ideas about ready made functions o...

Edit contents of embedded SVG file using javascript

Hello! I have an SVG file with some math equations. Lets say I include this file into my html document. Now what I'd like to do is to make some simple modifications to the contents of the svg using javascript in the html document. A specific example My svg file contains a nicely formatted version of this equation: x^2 + 2x + 1 = ...

convert svg to html+css

I want a converter to convert from svg format to( html + css ) <g transform="matrix(1.25,0,0,-1.25,0,15.56875)"> <text transform="matrix(1,0,0,-1,76.881,0)"> <tspan style="font-size: 7.87px; font-family: 'XITSMath';" x="0" y="0">N</tspan> </text> <text transform="matrix(1,0,0,-1,88.499,7.313)"> <tspan st...

external loaded SVG broken in IE (Raphael JS)

Hi everyone, I am using jQuery to load an external SVG (a map of France) and parse it into paths with raphaël.js the following code. But it is not doing anything in IE. Any ideas? $(document).ready(function(){ var paper = Raphael("canvas", 450, 380); var map = paper.set(); // load svgz map $.ajax({ type: "GET",...

Good format for vector graphics for generation in java and use/open/print in windows?

We have a java web application. The application generates a big image with company structure diagramm on it as jpeg. Users download the image and want to print it on DIN A2 (big paper format). The jpeg in this scale has pretty bad quality after printing. Our idea is to generate an image in vector graphics. What vector graphics format su...

Displaying SVG in HTML

Hello, I have a web service that returns a string of svg code. My problem is, I'm not sure what to do with it. I've never worked with SVG before. My questions are: 1) Is SVG have strong browser support? 2) How do I actually display the image that the SVG represents? Thank you ...

Is the render_sub() function of Rsvg also capable of separating groups ?

I am trying to separate Groups from an Svg-File. Separating single elements such as rectangles is possible via Rsvgs. render_sub(cairo_context,"#rect1234") works well for me. Is there a way to also separate whole groups of elements you created in inkscape before? Like render_sub(cairo_context,"#g4321") [which doesn't work]. ...

Raphael generated SVG, path render issue.

I was asked to develop a "Flashy" graph for a cliënt. I grasped the chance to try raphaeljs for this project. All worked out fine but now the mousover labels don't get rendered in Chrome. Only the part where there is text on top of the path it gets rendered. The development version is placed on http://85.145.85.127/projects/ilsf-graph/ ...

SVG paths, figuring out how the path is drawn by the SVG file

All, We have an SVG file with an outline of a dress drawn in it. Now we want to identify the nodes of this dress so that, similar to SVG-edit, the path of the file can be identified and manipulated (in SVG-edit, after drawing an irregular shape, you click on the arrow button (left first button) and double click the shape drawn to see th...

How can one add drop shadows to Raphael.js objects?

I would like to find out how to add blurry edged drop shadows to Raphael.js objects/paths. As far as I know it is not possible with the library as is but is there a work around? ...

How to convert Illustrator or Inkscape SVG drawings into Raphael.js objects?

I am trying to figure out the best most reliable way to convert my SVG drawings from Illustrator or Inkscape into Raphael.js object code. I suppose I am looking for some type of parser but do not know of any. None are suggested on the Raphael.js site. Any suggestions? ...