svg

Is there an SVG Map library like Google Charts?

I'm looking for large-scale world maps that I can shade by country. Google Charts has an API for this but it only allows you to generate a small map (440x220 px). Does anyone know of a way to generate such maps with an open-source library? ...

Printing SVG from browser

We are using SVG in our web app and we need to allow users to print SVG images from the browser. We'd like to support Safari and FF. We recently ran into a couple of problems printing from browsers On FF 3.0, we get a gray background color for the SVG area (we are using for embedding SVG). This does not happen with Safari or FF 3.5. O...

XML file format for describing animation movements?

Hi, Is there an XML file format for describing animation movements? Is SVG what is currently used? I want to describe 3d information for movements in a format that I can then use in Papervision. ...

Access SVG DOM when using ASV plugin in Firefox

I have to develop for Firefox using the Adobe SVG Plugin 6. When using Firefox's native SVG viewing capabilities, I can simply look at document.documentElement, which will give me the root svg element and from there I can navigate the DOM to where I want. With the ASV in Firefox, it appears to make a skeleton HTML file with an embed in ...

Fixed stroke width in SVG

Hi all, I would like to be able to set the stroke-width on an SVG element to be "pixel-aware", that is always be 1px wide regardless of the current scaling transformations applied. I am aware that this may well be impossible, since the whole point of SVG is to be pixel independent. Context follows: I have an SVG element with its viewB...

Using the SVG evenodd fill-rule in the canvas element

Does anyone know if it's possible, either natively or mathematically with javascript, to implement the evenodd fill-rule from SVG in the HTML5 canvas element? Links to projects that do this would be helpful. Thanks! ...

iPhone Development - SVG image in UIWebView

Hi all, I'm trying to display an svg graph with associated javascript in my application using UIWebView. The .svg file is stored locally. The problem i'm facing is that the zoom in/out and scrolling is horrible. This happens with large images. I've tested this in simulator. Does anyone know the reason? I've tested quite a few svg grap...

Is there a open source SVG Windows Explorer preview extension?

Examotion has a player that can display the image for svg files as a preview in Windows Explorer. Their product is free, but closed source. I believe that it also only works with files that actually end in .svg. I have a need for a similar product that works with files also ending in some other extensions. Is there an OSS solution th...

Using Raphael JS to float shapes around the screen

I am working on having some shapes floating around the screen at random. Eventually they will interact with each other, as well as have onclick functions. I can get the circles to render on screen, but I cannot get them to have motion. It seems that the .animate() function is not what I need here. Does anyone know how I would go abou...

SVG and DPI, absolute units and user units: inkscape vs firefox vs ImageMagick

I try to auto-generate as svg file intended to be printed on a certain size (A4). I wish to use path in it, which only allows 'user units', not 'absolute units'. It seems to me that it is impossible to 'publish' an svg file that has absolute units (e.g. document size) and a path anywhere, because I cannot get it to work properly across ...

SVG -> WPF linear gradient

Does anyone know if there is an equilant attribute of SVG's "gradientUnits=userSpaceOnUse" in WPF for a LinearGradientBrush? I can't seem to find this. If not, does anyone know about how to calculate it in (C# or VB.NET)? For example if I have a StartPoint of 0,0 and EndPoint of 1,1 on a Rectangle that is 100x100, the angle is 45 degree...

Creating SVGs using Python

I'm building a set of SVG files that include an unfortunate number of hardcoded values (they must print with some elements sized in mm, while others must be scaled as a percent, and most of the values are defined relative to each other). Rather than managing those numbers by hand (heaven forbid I want to change something), I thought I mi...

ASP.NET MVC: How do I send "text/xml" to all browsers but IE?

I need to be able to send the content type "text/xml" to Firefox and Safari, to allow them to render inline SVG in one of my pages. This works, as long as the content type is "text/xml". However, when IE hits the page, if the content type is not "text/html" it tries to render the XML document tree, rather than the XHTML content of the ...

Generic solution for resolution of image in SVG

I have an xml file which I need to visualize in a pdf file. I use xslt to do transformations and an svg image in the pdf. The svg will finally draw some information and also display a tiff image, for which the path and the resolution is in the xml file. The problem is that the image can have different resolutions which I need to fit int...

SVG: About using <defs> and <use> with variable text values

Hi, I have the following SVG source code that generates a number of boxes with texts: <?xml version="1.0" encoding="UTF-8"?> <!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.0//EN" "http://www.w3.org/TR/2001/REC-SVG-20050904/DTD/svg11.dtd"&gt; <svg xmlns="http://www.w3.org/2000/svg" version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink...

How to make SVG work with IE?

Hi Guys, Does anybody know of a comprehensive library to make SVG work with IE (7 and 8 in particular)? I wanted something Javascript which could be included in my web page and which would silently convert all my SVG to VML in a fashion similar to what excanvas does for Canvas. ...

JQuery, SVG and Visio metadata

Hi, I'm trying to access some custom data emitted into an SVG document by Visio 2007. I've used jquery.svg.js by Keith Wood. Unfortunately, even with the svgdom extension, I am not able to get to the shape I'm after to animate it. Here's what the SVG looks like: ... <g id="group4-6" transform="translate(30.7955,-30.7955)" v:mID="4" v:...

jQuery doesn't select lineargradient object.

I am using jQuery 1.3.2, and I'm trying to select some elements in an svg DOM element. $('svg > defs > lineargradient') However for some reason it does not select it, I know that I can access other items in the <svg> element since I have successfully retrieved an $("svg > rect"). My SVG DOM looks like this: <svg width="975" height="...

Animation: jQuery or Raphael?

I am building a page that will animate objects (image/shape/div) and float them around the screen. At times there may be a large number of objects floating and interacting. A requirement is to have data associated with each object, as they will each have an id. So, if I click one object, it can grab that ID, then reference an array th...

Any advantage to using SVG font in @font-face instead of TTF/EOT?

I am investigating the usage of SVG fonts in @font-face declaration. So far, only Safari 4 and Opera 10 seem to support it (see an example for test [1]). Firefox 3.5 does not support it but there is a bug report [2] but no fix has been supplied yet (though there are patches). I also came across this discussion[3] which tangentially talks...