svg

SVG -- Replacement for Flash application

We are currently looking at developing flash based applications (using Flex) in a web application. We are now leaning towards to use SVG rapheljs for developing this components. The questions are: Is still SVG platform is widely adopted by browsers (without any plug-ins) are at least down the line of 8-10 months, any adoption is expect...

How to make Chrome redraw SVG dynamically added content?

I've dynamacally added the circle elements to the svg displayed in a iFrame. Chrome isnt showing the new elements, not tried FF yet. Is there somekind of redraw/refresh I need to call? The first circle is actually in the svg document, the rest come from script. <iframe id="svgFrame" src="xmlfile1.svg" width="300" height="300"> <svg xmln...

Why does UIWebKit throw a structuralComplexityContribution exception?

I've got a simple UIWebView in my iPhone app that's loading a XHTML document with some SGV embeded. This all works find on the desktop version of Safari, but it crashes in a UIWebView. Here is the Objective C: NSString *path = [[NSBundle mainBundle] pathForResource:@"test" ofType:@"html"]; NSData *fileData = [NSData dataWithContentsOf...

svg Path details

path fill="none" stroke="#000000" d="M151.5,85.5c0-36.48,29.52-66,66-66" can anyone explain d="" in detail Im able to understand M tag but i can understand what C tag is? and their details c0-36.48,29.52-66,66-66 ...

svg data visualizations

I'd like to experiment with SVG as a way of displaying data-driven graphs, charts, etc. The data exists as xml, and I'll use XQuery to produce the xml. What options (eg, graphics libraries) should I consider for creating the SVG from the xml? Many thanks. ...

Turtle graphics in SVG?

Is there a equivalent in svg path to logo's turtlegraphics? instead of the hardcoded x and y coordinates, which also force me to adjust controlpoints on shifting a more relative "delta" approach. My solution should work for the FOCS (Firefox Opera Chrome Safaries ex IE) browsers. regards Jeroen. ...

SVG file render image in smaller size

Hello people I am working for the first time with SVG files. I an able to load SVG files on webview but the images are rendering smaller than the original. they are getting shrinked by a particular factor...... Is there some solution to my problem??? pls help. Thank You Meet bhatha ...

Javascript/jQuery: remove shape/path from canvas

I can't seem to find the function to remove a shape or path from the canvas after it has been created. So I'm creating a bezier curve between 2 points with beginPath(); bezierCurveTo(); stroke(); closePath(); . How can I remove this from the canvas once it's been created? I need to be able to call the remove function via toggle() and...

comments in svg path

I'm experimenting with jquery and svg, I make up my path but now I want to change that (based on some user input) I do something like var dpath = $('path').attr("d"); $('path').attr("d",dpath.replace("150 150", "450 450")); which works fine, but this not useful when my path grows, so I wonder is there a possibility to put a la...

Data driven charts and graphs from xml to svg

I asked this question a week ago, but did not do a good job of describing the problem. Here's a second attempt. I'd like to produce data-driven charts, graphs, and other data visualizations, starting with data in an xml database and ending up with the visualizations as SVG. Here's an example from the W3C. It uses Javascript to create a...

Using SVG (raphaeljs) for developing map-based application

I am evaluating raphaeljs (SVG/VML) for developing a similar component like Flicr Map or Google Map based on purely drawing rather than utilizing images. Unlike, flickr map or google map our map will more interraction with user and lot of drawing is involved. Can anyone advice me if using SVG/VML has any issues rather than Flash? It wi...

Attach text on path in Raphaël?

Does anyone know how to attach a text to a path in Raphaël? Something like http://www.w3.org/TR/SVG11/images/text/toap02.svg I know that jQuery SVG can do that, but I can't find an easy way to do this by using Raphaël js. I want to attacht this text to a bezier curve and move it. ...

Techniques for Visualizing Data

I'm looking into providing several methods of visualizing a large volume of data. This may include, but will not be limited to, simple graphing. The techniques I'm exploring will involve shapes, text and lines. It will also involve interaction with elements (hiding, focusing, etc.) and animation (shifting, dragging, systematic reorganizi...

Can an HTML img tag have multiple src attributes?

Much like how the video tag can provide multiple source attributes so an mp4 video can fall back to an ogg video, I would like to get an svg image to fall back to an png image. ...

SVG animation along path with Raphael

I have a rather interesting issue with SVG animation. I am animating along a circular path using Raphael obj = canvas.circle(x, y, size); path = canvas.circlePath(x, y, radius); path = canvas.path(path); //generate path from path value string obj.animateAlong(path, rate, false); The circlePath method is one I have cre...

Disable logging with Batik Transcoder?

I'm using the batik transcoder for svgs, and every time I convert an SVG image, it produces output on standard out. I'm assuming it's using a logging package of some kind. How do I disable this output? ...

Any SVG animation tools out there?

Hi, I'd like to create some animations using SVG. Are there any tools out there similar to flash, where I'd get a stage and a timeline where I can manipulate objects over time, then play them back? Thanks ...

X (close) shape in SVG

I'm trying to make this SVG shape (ignore the color background, just the X shape) Close SVG Path but don't have Illustrator and wouldn't know how to use it. Can someone help out with the general idea, or point me to alternatives. I'm using it in flex. ...

Can RaphaelJS be object aware?

In the course of trying to figure out whether it's possible to contain text within the boundaries of a rectangle using RaphaelJS (and without doing what would seem to be a lot of work), I came across this question (and its answer) which intrigued me. I haven't seen--either before or since reading the answer--any indication that Raphael...

Creating SVG map from geometry stored in MySQL

I have a group of geometries stored in MySQl (as polygon and as well-known text) representing counties. I can build a table of geometries and color codes after querying some county data (say GDP per capita). What is the best way to export this as an SVG map? I cannot find any reference to SVG conversion in the MySQL documentation. ...