svg

Waiting for element load after page has loaded

I have a function that loads a SVG Dom from a file. Currently, it creates an embed element and places it in the document, then waits for it to load with an onload event. Apparently, however, onload isn't called for elements placed in the document after the page has loaded. Is there a way that I can register a function to be called after ...

How to use an SVG file as input for drawing with Cairo in a pyGTK application (python)?

I am writing a small python GTK application in which I have a drawing area that I am trying to "populate" using Cairo, which is a library I never used before (so bare with me if the answer is obvious and I did not see due to inexperience). What I am trying to achieve is using an SVG image as part of my drawing (if I got Cairo naming rig...

C# itextsharp.dll - SVG in PdfPTable

Possible that I would embed SVG images in a PdfPTable? ...

Which technology would you use for Physics Simulations SVG or Canvas?

I'm starting a new project converting physics simulations(created in Adobe Director) to a more current platform namely html5 canvas or SVG. I would like to avoid Flash for a few reasons. I'm looking for recommendations and reasons why either canvas or SVG would fit this project best. I have read that SVG is better for interactivity which...

SVG to SWF Conversion

I need to convert many .svg images into swf format. I can do this be opening the .svg in Adobe Illustrator and exporting to swf but this is very time consuming. Are there any free command line utilities out there that will convert .SVG to .SWF? I have already tried SWFMill with no success. I have also downloaded Ming but cannot compile t...

How to cut a hole in an SVG rectangle

So basically as my title says, I want to "cut a hole" in a rect element. I have two rect elements, one on top of the other. The one on the bottom has a fill colour of white, and the one on the top has a fill colour of grey. What I want to do is cut a triangle out of the top rect element so that the rect element below shows through. T...

State-of-the-art for embedding scriptable, interactive SVG in Gtk+ applications?

I'm interested in writing a Gtk application that uses an embedded SVG canvas for graphics, and I'm wondering what the current state-of-the-art is for using SVG in Gtk. I know that it's possible to embed Webkit inside of Gtk, and so that seems like one approach, but I would like to add interactivity to DOM elements in the embedded SVG can...

Webkit and SVG filter support

I'm trying to get a complex SVG filter to produce results in Webkit. The filter is quite crowded as you will see below, but it renders a nice fractal-generated map, and does it well in Mozilla. I'd like to get Webkit to do the same. The Wikipedia page on browser support for SVG says that Webkit supports SVG filters on nightly builds, bu...

Javascript: How can I delay returning a value for img.complete

I've written a script to test for SVG support in the IMG tag: function SVGinIMG() { var SVGdata = 'data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNzUiIGhlaWdodD0iMjc1Ij48L3N2Zz4%3D' var i = document.createElement('img'); i.setAttribute('src',SVGdata); return i.complete; } window.onload ...

Drawing a SVG file on a HTML5 canvas

Is there a default way of drawing an SVG file onto a HTML5 canvas? Google Chrome supports loading the SVG as an image (and simply using drawImage), but the developer console does warn that resource interpreted as image but transferred with MIME type image/svg+xml. I know that a possibility would be to convert the SVG to canvas commands ...

Fill SVG path element with a background-image

Is it possible to set a backgound-image for a svg path element? For instance, if I set the element's class to wall, the css style .wall {fill: red;} works, but .wall{background-image: url(wall.jpg)} does not, neither .wall {background-color: red;}. ...

Combining multiple SVGs to avoid HTTP requests

Hi, We all know CSS sprites - a method to combine multiple images into one and thus avoiding the need for many HTTP requests. However, I am using SVG, so, combining them into one is not as obvious. How would I accomplish this with SVG? Is it wise idea to put the SVG into the document at the bottom? What if it's an application and not a ...

creating a Grid layer on SVG canvas

All, We could really do with some advice from SVG gurus. WHAT WE HAVE: There is a SVG canvas on which we have co-ordinates mapped (X & Y axis position of the cursor). When the user moves the cursor on the SVG canvas the co-ordinates are shown in real time on the top left of the webpage. WHAT WE WANT: We want to add a grid layer on top...

Emulation "writing-mode: tb-rl" using jQuery

Hello, I'd like to align text vertically, but some browsers (WebKit: Safari, Chome) fill svg object white background, if it is over the image. I think this can be done using jQuery without any SVG and so on. full example: here <style type="text/css""> .block { cursor: default; float: left; overflow: hidden; width: 1...

Best Way To Place an SVG file in HTML

From my research, i understand there are three ways to place an svg file inside HTML: using embed: <embed src="plot1.svg" width="500" height="320" type="image/svg+xml" /> using object: <object data="plot1.svg" width="500" height="320" type="image/svg+xml" /> using iframe: <iframe src="plot1.svg" width="500" height="320"> </if...

SVG Event Propagation

I have two SVG rects, where one is logically on top of the other in terms of x and y position. Now, when you hover over the top rect, I want the rect underneath it to be the target of the event. But if I mousedown on the top rect, I want it to be the target. This different functionality based on event type is what makes the css "pointe...

Funding for MathML rendering library

I have an unfinished MathML rendering library written in C++. I ceased development a few months ago due to lack of time. The library [still] uses the TrueType version (unsupported) of the STIX fonts beta [version 1.0 of the STIX fonts (OpenType Postscript format) has since been released]. Development of this kind of library is a HUGE un...

illustrator map to imagemap automatically? or is there a better way?

i have a vector illustrator file with all the counties of california as distinct paths. i need to have these counties be links to other pages online. is there a way to automatically generate an html imagemap from this file? illustrator provides an export as jpg function that has options for polygonal imagemap shapes, but it isnt working....

Canvas versus SVG animations (effects[filters] and performance)

I am developing an application that should run equally smoothly on a web browser (IE support completely optional) and on iPhones and have tested various libraries for days, including: jQuery SVG, CAKE (Canvas Animation Kit Experiment), Burst Engine, Processing.js and Raphael, and have yet to find the right one for this experiment. The ...

Displaying SVG in Flex 4

It seems like SVG has be "deprecated" in Flex 4 in favor of Adobe's FXG. What can I do if I have a bunch of SVG graphics that I want to keep using. Is there something reliable to convert SVG to FXG? Are they in feature parity? Is there a converter out there that won't cost me $1500? ...