[svg-developers] Newbie:Accessing Image Element
I have created a svg gauge image comprised of two images; the background gauge and the foreground needle. I want to at runtime be able to rotate the needle based upon data passed to it. Below is an example of the needle image element snippet image transform=translate(95,0) rotate(-20,30,125) overflow=visible enable-background=new width=58 height=250 xlink:href=data:image/png;base64, ... I could use brute force by XSLT on the svg and repaint the canvas. I assume there is a more eloquent programatic way in batik by getting a reference to the image element, perform the the rotate and do a repaint? Example would be greatly appreciated :-) .j - To unsubscribe send a message to: [EMAIL PROTECTED] -or- visit http://groups.yahoo.com/group/svg-developers and click edit my membership Yahoo! Groups Links * To visit your group on the web, go to: http://groups.yahoo.com/group/svg-developers/ * Your email settings: Individual Email | Traditional * To change settings online go to: http://groups.yahoo.com/group/svg-developers/join (Yahoo! ID required) * To change settings via email: mailto:[EMAIL PROTECTED] mailto:[EMAIL PROTECTED] * To unsubscribe from this group, send an email to: [EMAIL PROTECTED] * Your use of Yahoo! Groups is subject to: http://docs.yahoo.com/info/terms/
[svg-developers] SVG benchmark
Hi, I'm new to this group and have just started working with SVG. I'm using a mock-up GUI to compare performances of different web- technologies. The GUI measures fps (frames per seconds) and I've ported this from HTML+Javascript to SVG+Javascript. The next step is to use SVGs native animation functions (i.e SMIL). The problem is that I haven't figured out how measure the frame rate. E.g; using Javascript you can use the setInterval function for each render and measure the time consumption and thus get the fps. But with SMIL animations it is the browser that computes when and where to render the next step - you only state for how many seconds the animation should go on. Does someone have any ideas on how I could achieve this? Or am I way off in my reasoning? Thanks /Jocke - To unsubscribe send a message to: [EMAIL PROTECTED] -or- visit http://groups.yahoo.com/group/svg-developers and click edit my membership Yahoo! Groups Links * To visit your group on the web, go to: http://groups.yahoo.com/group/svg-developers/ * Your email settings: Individual Email | Traditional * To change settings online go to: http://groups.yahoo.com/group/svg-developers/join (Yahoo! ID required) * To change settings via email: mailto:[EMAIL PROTECTED] mailto:[EMAIL PROTECTED] * To unsubscribe from this group, send an email to: [EMAIL PROTECTED] * Your use of Yahoo! Groups is subject to: http://docs.yahoo.com/info/terms/
Re: [svg-developers] SVG benchmark
Hi Jocke, Take a look at http://srufaculty.sru.edu/david.dailey/svg/SVGOpen2007/SVGOpen2007.htm and http://www.svgopen.org/2007/papers/BrowserPerformanceMeasures/index.html The topic you're looking at was more the topic of my 2006 talk, but since that conference was cancelled, some of it has been inserted into the 2007 presentation. Embedding SMIL in the middle of JavaScript and looking at throughput of the entire system was the emphasis. The above talk contains descriptions of that approach. What I resorted to was cramming large numbers of animate tags into an SVG DOM and then to measure the proportion of iterations through a window.setTimeout that successfully competed within a given unit of non-declarative time (using calls to clock.) Also Opera has implemented a finished rendering event that may appear in a future spec (fingers crossed) and so this can help those interested in benchmarking and calibration of time-sensitive events like real-time data visualization. Hope this helps David - Original Message - From: jocke_138 To: svg-developers@yahoogroups.com Sent: Tuesday, August 26, 2008 6:55 AM Subject: [svg-developers] SVG benchmark Hi, I'm new to this group and have just started working with SVG. I'm using a mock-up GUI to compare performances of different web- technologies. The GUI measures fps (frames per seconds) and I've ported this from HTML+Javascript to SVG+Javascript. The next step is to use SVGs native animation functions (i.e SMIL). The problem is that I haven't figured out how measure the frame rate. E.g; using Javascript you can use the setInterval function for each render and measure the time consumption and thus get the fps. But with SMIL animations it is the browser that computes when and where to render the next step - you only state for how many seconds the animation should go on. Does someone have any ideas on how I could achieve this? Or am I way off in my reasoning? Thanks /Jocke [Non-text portions of this message have been removed] - To unsubscribe send a message to: [EMAIL PROTECTED] -or- visit http://groups.yahoo.com/group/svg-developers and click edit my membership Yahoo! Groups Links * To visit your group on the web, go to: http://groups.yahoo.com/group/svg-developers/ * Your email settings: Individual Email | Traditional * To change settings online go to: http://groups.yahoo.com/group/svg-developers/join (Yahoo! ID required) * To change settings via email: mailto:[EMAIL PROTECTED] mailto:[EMAIL PROTECTED] * To unsubscribe from this group, send an email to: [EMAIL PROTECTED] * Your use of Yahoo! Groups is subject to: http://docs.yahoo.com/info/terms/
Re: [svg-developers] Newbie:Accessing Image Element
Take a look at http://srufaculty.sru.edu/david.dailey/svg/SMILorJavaScript.svg it's being done in three different ways here. cheers David - Original Message - From: JOHN KIRBY To: svg-developers@yahoogroups.com Sent: Tuesday, August 26, 2008 10:13 AM Subject: [svg-developers] Newbie:Accessing Image Element I have created a svg gauge image comprised of two images; the background gauge and the foreground needle. I want to at runtime be able to rotate the needle based upon data passed to it. Below is an example of the needle image element snippet image transform=translate(95,0) rotate(-20,30,125) overflow=visible enable-background=new width=58 height=250 xlink:href=data:image/png;base64, ... I could use brute force by XSLT on the svg and repaint the canvas. I assume there is a more eloquent programatic way in batik by getting a reference to the image element, perform the the rotate and do a repaint? Example would be greatly appreciated :-) .j [Non-text portions of this message have been removed] - To unsubscribe send a message to: [EMAIL PROTECTED] -or- visit http://groups.yahoo.com/group/svg-developers and click edit my membership Yahoo! Groups Links * To visit your group on the web, go to: http://groups.yahoo.com/group/svg-developers/ * Your email settings: Individual Email | Traditional * To change settings online go to: http://groups.yahoo.com/group/svg-developers/join (Yahoo! ID required) * To change settings via email: mailto:[EMAIL PROTECTED] mailto:[EMAIL PROTECTED] * To unsubscribe from this group, send an email to: [EMAIL PROTECTED] * Your use of Yahoo! Groups is subject to: http://docs.yahoo.com/info/terms/
[svg-developers] links to some demos
Hi One of the things the SVG-IG is probably interested in is collections of fancy demos of SVG at work. Every so often someone here mentions that topic. Folks have said it is hard to find good demos, so I suspect it'll end up in the SVG-IG wiki sometime http://www.w3.org/Graphics/SVG/IG/wiki/Main_Page If I learn how to wikify sometime then I'll add the following two that some folks asked me for addresses to at the conference: http://srufaculty.sru.edu/david.dailey/svg/SVGOpen2008/edges_of_plausibility.htm (you'll need Opera or IE/ASV to see most of the examples) http://srufaculty.sru.edu/david.dailey/svg/BulletinBoard.html (this was the presentation I had running before I talked -- again either Opera or IE/ASV should be used -- though webkit may be doing it fairly soon I suspect). fwiw, my main paper at https://www.svgopen.org/2008/papers/39-The_Edges_of_Plausibility/ crashes the browser in IE. Most of the stuff doesn't actually work in FF or Safari (owing to filters and/or SMIL) and so Opera is the only place you can look at it. It just has too many SVG embeds, I guess. I had licensed Oxygen-author as freeware for a month to create the thing and my month expired, so alas I can't fix anything at the moment. Sorry for the accessibility issues: I should have embedded more screen shots with links to the live content rather than embedding so much live content, but I didn't know quite how it'd turn out after the XSLT was applied and then lost the ability to fix it. cheers David [Non-text portions of this message have been removed] - To unsubscribe send a message to: [EMAIL PROTECTED] -or- visit http://groups.yahoo.com/group/svg-developers and click edit my membership Yahoo! Groups Links * To visit your group on the web, go to: http://groups.yahoo.com/group/svg-developers/ * Your email settings: Individual Email | Traditional * To change settings online go to: http://groups.yahoo.com/group/svg-developers/join (Yahoo! ID required) * To change settings via email: mailto:[EMAIL PROTECTED] mailto:[EMAIL PROTECTED] * To unsubscribe from this group, send an email to: [EMAIL PROTECTED] * Your use of Yahoo! Groups is subject to: http://docs.yahoo.com/info/terms/
Re: [svg-developers] Newbie:Accessing Image Element
On Tue, 26 Aug 2008 08:13:25 -0600 JOHN KIRBY [EMAIL PROTECTED] wrote: I have created a svg gauge image comprised of two images; the background gauge and the foreground needle. I want to at runtime be able to rotate the needle based upon data passed to it. Below is an example of the needle image element snippet Take a look at the instrumentation demo I did a few years ago. It has some JavaScript for animating several different kinds of instrumentation. http://anomaly.org/wade/projects/instruments/index.html A free running demo is shown at http://anomaly.org/wade/projects/instruments/Instruments.svg G. Wade image transform=translate(95,0) rotate(-20,30,125) overflow=visible enable-background=new width=58 height=250 xlink:href=data:image/png;base64, ... I could use brute force by XSLT on the svg and repaint the canvas. I assume there is a more eloquent programatic way in batik by getting a reference to the image element, perform the the rotate and do a repaint? Example would be greatly appreciated :-) .j -- I can only conclude that I'm paying off karma at a vastly accelerated rate. -- Ivanova, Points of Departure - To unsubscribe send a message to: [EMAIL PROTECTED] -or- visit http://groups.yahoo.com/group/svg-developers and click edit my membership Yahoo! Groups Links * To visit your group on the web, go to: http://groups.yahoo.com/group/svg-developers/ * Your email settings: Individual Email | Traditional * To change settings online go to: http://groups.yahoo.com/group/svg-developers/join (Yahoo! ID required) * To change settings via email: mailto:[EMAIL PROTECTED] mailto:[EMAIL PROTECTED] * To unsubscribe from this group, send an email to: [EMAIL PROTECTED] * Your use of Yahoo! Groups is subject to: http://docs.yahoo.com/info/terms/
[svg-developers] Re: A question on IE browser
Somehow we forget that there are several third party plugins available for IE besides Adobe. Tinyline JAVA applets should play SVG well, as Bitflash and Renesis had their limitations. Veiko --- In svg-developers@yahoogroups.com, Samuel Dagan [EMAIL PROTECTED] wrote: Hi Fulio, It is not known if and when ASV will be not any more available for downloading. As far as I know MS does not plan to implement native support for SVG in IE for the near future. I would advise people using SVG to switch to Firefox and Opera. Cheers, Samy --- In svg-developers@yahoogroups.com, Fulio Pen fuliopen@ wrote: Hello, There are some svg files on my web site. And I'm planning to put more on it. Many visitors of the site are still using the IE browser. I understand that the IE browser will not display svg files in near future, but Firefox and Opera will. My question is that approximately when the IE will stop presenting svg? After that will there be any remedy for svg on the IE browser? Or I have to advise the visitors to switch to Firefox or Opera? Thanks for your expertise. Fulio Pen [Non-text portions of this message have been removed] - To unsubscribe send a message to: [EMAIL PROTECTED] -or- visit http://groups.yahoo.com/group/svg-developers and click edit my membership Yahoo! Groups Links * To visit your group on the web, go to: http://groups.yahoo.com/group/svg-developers/ * Your email settings: Individual Email | Traditional * To change settings online go to: http://groups.yahoo.com/group/svg-developers/join (Yahoo! ID required) * To change settings via email: mailto:[EMAIL PROTECTED] mailto:[EMAIL PROTECTED] * To unsubscribe from this group, send an email to: [EMAIL PROTECTED] * Your use of Yahoo! Groups is subject to: http://docs.yahoo.com/info/terms/
[svg-developers] how to draw splines with an arbitrary number of control points
Hello, I'm wondering if it's possible to draw splines that have an arbitrary number of control points in SVG? It seems this is not built into the SVG spec, and thus, to be achieved, one would need to express the n-ary spline in terms of quadratic and cubic splines. It seems like this is therefore question that would require me to break open my old numerical computing textbooks, and so I was wondering if anyone had already tackled this problem. I would greatly appreciate any guidance anyone can offer. Thanks, Jake - To unsubscribe send a message to: [EMAIL PROTECTED] -or- visit http://groups.yahoo.com/group/svg-developers and click edit my membership Yahoo! Groups Links * To visit your group on the web, go to: http://groups.yahoo.com/group/svg-developers/ * Your email settings: Individual Email | Traditional * To change settings online go to: http://groups.yahoo.com/group/svg-developers/join (Yahoo! ID required) * To change settings via email: mailto:[EMAIL PROTECTED] mailto:[EMAIL PROTECTED] * To unsubscribe from this group, send an email to: [EMAIL PROTECTED] * Your use of Yahoo! Groups is subject to: http://docs.yahoo.com/info/terms/