Re: [svg-developers] Re: Roman numerals in SVG
The origins of the lines as a typographic trick probably bear some shared history with the use of underlining book titles as an authorial hint to the typesetter that the text should be italicized, though two generations of English teachers have since taught students to underline book titles, even though they were supposed to be italicized. In my case, though, I really did need the overlineunderline option: http://cs.sru.edu/~ddailey/svg/2011/simplePuns.svg [1] This doesn't work in FF or Opera, but it does in ASV. cheers David On Sun 10/16/11 12:35 PM , Kenneth N nelli...@gmail.com sent: Works in Mac Safari 5.1 as well, but I don't believe that that is the proper way to present Roman Numerals. Just display them as upper case in a serif font. I remember back in grade school our teacher would write out the upper-case letters of the Roman numerals and then draw the two lines across them all, but I think this was just a short cut to drawing serifs on all the letters. Frankly, I don't think even the serifs are necessary if context makes it clear that Roman numerals are being presented. âKen --- In , Cameron McCormack wrote: Hi David, On 15/10/11 1:34 PM, David Dailey wrote: I assumed I would just apply text-decoration=overline, underline or two instances of text-decoration, one with overline and one with underline to make Roman numerals, but this appears not to be the case. I need both the overline and the underline for what I'm doing. There's a Unicode range for these, but most fonts seem not to include the distinctive pair of lines. It should be just text-decoration=overline underline, according to CSS 3 Text: http://dev.w3.org/csswg/css3-text/#decoration [3] That seems to work in Chrome, at least. (Didn't test anything else.) Links: -- [1] http://cs.sru.edu/~ddailey/svg/2011/simplePuns.svg [3] http://dev.w3.org/csswg/css3-text/#decoration [5] http://groups.yahoo.com/group/svg-developers/post;_ylc=X3oDMTJxbzluY3ZvBF9TAzk3MzU5NzE0BGdycElkAzEyOTg0MjEEZ3Jwc3BJZAMxNzA2MDMwMzg5BG1zZ0lkAzY1MjE3BHNlYwNmdHIEc2xrA3JwbHkEc3RpbWUDMTMxODc4MjkyMg--?act=replyamp;messageNum=65217 [6] http://groups.yahoo.com/group/svg-developers/message/65214;_ylc=X3oDMTM2aWxndjEzBF9TAzk3MzU5NzE0BGdycElkAzEyOTg0MjEEZ3Jwc3BJZAMxNzA2MDMwMzg5BG1zZ0lkAzY1MjE3BHNlYwNmdHIEc2xrA3Z0cGMEc3RpbWUDMTMxODc4MjkyMgR0cGNJZAM2NTIxNA-- [7] http://groups.yahoo.com/group/svg-developers [8] http://global.ard.yahoo.com/SIG=15o5elmpq/M=493064.14543979.14562481.13298430/D=groups/S=1706030389:MKP1/Y=YAHOO/EXP=1318790122/L=d7e1d4fa-f814-11e0-a34e-f736b19dc54a/B=n0BeEdGDJGA-/J=1318782922625039/K=OjowfBafIiznVRJshc.vJw/A=6060255/R=0/SIG=1194m4keh/*http://us.toolbar.yahoo.com/?.cpdl=grpj [Non-text portions of this message have been removed] - To unsubscribe send a message to: svg-developers-unsubscr...@yahoogroups.com -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: svg-developers-dig...@yahoogroups.com svg-developers-fullfeatu...@yahoogroups.com * To unsubscribe from this group, send an email to: svg-developers-unsubscr...@yahoogroups.com * Your use of Yahoo! Groups is subject to: http://docs.yahoo.com/info/terms/
Re: [svg-developers] SMIL -- still not yet!
ON MON 10/17/11 11:56 AM , JOHN DELACOUR Please point me to some SMIL animations that are not jerky in Firefox and Opera [snip] http://cs.sru.edu/~ddailey/svg/2011/Galorie.html [1] Generally, support for SMIL animation across browsers follows this ordering: (Opera, ASV, FF, Chrome, Safari, IE9), though there are contexts in which that ordering is warped. cheers David . Links: -- [1] http://cs.sru.edu/~ddailey/svg/2011/Galorie.html [Non-text portions of this message have been removed] - To unsubscribe send a message to: svg-developers-unsubscr...@yahoogroups.com -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: svg-developers-dig...@yahoogroups.com svg-developers-fullfeatu...@yahoogroups.com * To unsubscribe from this group, send an email to: svg-developers-unsubscr...@yahoogroups.com * Your use of Yahoo! Groups is subject to: http://docs.yahoo.com/info/terms/
[svg-developers] Deadline postponed for SVG Open abstracts
The organizing committee for SVG Open has pushed back the deadline for submission of abstracts to May 15th. (see http://www.w3.org/News/2011#entry-9074 [1] for confirmation of said claim) We haven't yet changed the date on the SVG Open site, but in case you missed the announcment, this year's conference will be hosted by Microsoft at their New England Research and Development Center in Cambridge, Massachusetts, October 17 - 20th . Previous conferences have been in Paris, Mountain View, Nuremberg, Tokyo, Enschede, Vancouver and Zurich. You may see more details and submit abstacts (until May 15th) at http://www.svgopen.org/2011/ [2] As SVG has shown considerable growth and deployment in the past two years, we are trying to keep the topics for submission quite flexible. Please share this information with your colleagues, friends and contacts! David Dailey Links: -- [1] http://www.w3.org/News/2011#entry-9074 [2] http://www.svgopen.org/2011/ [Non-text portions of this message have been removed] - To unsubscribe send a message to: svg-developers-unsubscr...@yahoogroups.com -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: svg-developers-dig...@yahoogroups.com svg-developers-fullfeatu...@yahoogroups.com * To unsubscribe from this group, send an email to: svg-developers-unsubscr...@yahoogroups.com * Your use of Yahoo! Groups is subject to: http://docs.yahoo.com/info/terms/
Re: [svg-developers] Re: call JS function from html ?
I believe the examples in
http://www.w3.org/Graphics/SVG/IG/resources/svgprimer.html#scripting_HTML work
in all browsers.
cheers
David
- Original Message -
From: profileofpradeep
To: svg-developers@yahoogroups.com
Sent: Tuesday, March 15, 2011 2:09 AM
Subject: [svg-developers] Re: call JS function from html ?
Hi Jololivier,
The code you posted does not work in Chrome. Please help me how I could make
it work there?
It works fine with FF and IE.
Thank you,
--Pradeep
--- In svg-developers@yahoogroups.com, jololivier jerome.olivier@...
wrote:
Hi,
you have to connect svg funtion and javascript function in the init
event of your SVG tag.
For example, you want to call the svg function svgToto from
javascript :
javascript (in the main page) :
function toto (param1, param2)
{
window.htmlToto(param1, param2);
}
Svg (in the svg embeg page):
function svgToto (param1, param2)
{
...
}
function init(evt)
{
parent.htmlToto=svgToto;
}
When you call toto (param1, param2) in your main page, svgToto is
launch.
--- In svg-developers@yahoogroups.com, Alex Ost. alexost@h...
wrote:
Hi,
It is easy to call a JS function defined in HTML from embedded SVG
But, how do I do it when the function is defined in SVG and the
call
should be from the html side or even from other frame?
Help will be gratitude.
10x in advanced
[Non-text portions of this message have been removed]
-
To unsubscribe send a message to: svg-developers-unsubscr...@yahoogroups.com
-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:
svg-developers-dig...@yahoogroups.com
svg-developers-fullfeatu...@yahoogroups.com
* To unsubscribe from this group, send an email to:
svg-developers-unsubscr...@yahoogroups.com
* Your use of Yahoo! Groups is subject to:
http://docs.yahoo.com/info/terms/
Re: [svg-developers] Text on arc - rendering position
Hi Jan, Not sure if this is what you have in mind, but perhaps experiment with something like this: svg xmlns=http://www.w3.org/2000/svg; xmlns:xlink=http://www.w3.org/1999/xlink; path id=path0 d=M10 150C65.228 150 110 194.772 110 250C110 305.228 65.228 350 10 350 stroke=green fill=none/ path id=path31 d=M300 100 A 100 100 1 1 1 300 250 stroke=red fill=none stroke-width=3/ text text-anchor=middle font-size=26textPath xlink:href=#path0 startOffset=50%Hello/textPath/text text text-anchor=top font-size=26 textPath xlink:href=#path31 startOffset=8% kerning=4 tspan dy=20 -5 5 0 -5Hello/tspan /textPath/text /svg The first one is your first curve, the second one I used an A subcommand of path (just to simplify the code) and then applied a tspan with the dy attribute, so as to top-align the text to the curve. This last feature, is perhaps desirable or not, but does occur in the wild : http://srufaculty.sru.edu/david.dailey/svg/top-align.htm What I've not been able to figure out, despite considerable experimentation, is how to determine the values of dy through script, since the measure of glyphs seems unable to inform me (owing to descents and risers and hooks and flags and curlicues and all those other funny things that fonts have). The above link shows some of the footprints of those investigations. Ultimately, I'd like to be able to squash glyphs to fit into curvilinear containers to allow SVG to have better textual control, since it seems like SVG ought to be the place to do that, rather than having to invent a new spec. cheers David - Original Message - From: honyk j.tosov...@email.cz To: svg-developers@yahoogroups.com Sent: Saturday, March 05, 2011 4:22 AM Subject: RE: [svg-developers] Text on arc - rendering position Just 600 B file has been removed from my message so here is a direct link: http://skibob.dobruska.cz/other/text_path_ex.svg Subject: [svg-developers] Text on arc - rendering position Hello Everyone, is there any possibility to specify the text rendering position on a path? I mean to specify if it has to be rendered inside or outside the hypothetical circle. In the attached example I'd like to achieve that text on red arc rendered outside. Is is possible without any transformations? Regards, Jan - To unsubscribe send a message to: svg-developers-unsubscr...@yahoogroups.com -or- visit http://groups.yahoo.com/group/svg-developers and click edit my membership Yahoo! Groups Links - To unsubscribe send a message to: svg-developers-unsubscr...@yahoogroups.com -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: svg-developers-dig...@yahoogroups.com svg-developers-fullfeatu...@yahoogroups.com * To unsubscribe from this group, send an email to: svg-developers-unsubscr...@yahoogroups.com * Your use of Yahoo! Groups is subject to: http://docs.yahoo.com/info/terms/
Re: [svg-developers] Cool site and tool for composing Filter effects
Very cool indeed! It is exactly this graph-theoretic interconnectivity between filter primitives and their intermediate stages (captured so nicely with the flow-chart model that Christian is using) that makes them powerful and a bit tricky to wield. My students (in several continents) will be very happy to have access to such a tool for learning and designing. (Me too) Thanks for the link (http://electricbeach.org/?p=950 -- you left out the h), Patrick! cheers David - Original Message - From: patrickdengler To: svg-developers@yahoogroups.com Sent: Tuesday, February 22, 2011 6:27 PM Subject: [svg-developers] Cool site and tool for composing Filter effects Christian is a great guy that I work with. He has created a wonderful little web applet for composing filters. I can't wait for him to share it (and he will soon) ttp://electricbeach.org/?p=950 [Non-text portions of this message have been removed] - To unsubscribe send a message to: svg-developers-unsubscr...@yahoogroups.com -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: svg-developers-dig...@yahoogroups.com svg-developers-fullfeatu...@yahoogroups.com * To unsubscribe from this group, send an email to: svg-developers-unsubscr...@yahoogroups.com * Your use of Yahoo! Groups is subject to: http://docs.yahoo.com/info/terms/
Re: [svg-developers] Filter Help
Hi Patrick, A couple of things come to mind: 1. this is sort of cool but doesn't answer your question and has nothing to do with filters. but it is a bit bubble-gummy: http://www.themaninblue.com/experiment/Blobular/ (I think I tried it in Opera and FF4 but it didn't work in ASV) (I just ran across it today) 2. Using displacement filters can do something like you're describing I think: see http://srufaculty.sru.edu/david.dailey/svg/later/displace2.svg or http://srufaculty.sru.edu/david.dailey/svg/later/displace4.svg or http://srufaculty.sru.edu/david.dailey/svg/newstuff/filterDisplacementMap4.svg The distortions I'm doing are based on either reflected gradients (that Opera doesn't handle so well in comparison with the others) or discrete gradients and hence the separation is either fractal or discrete and not as you wish, but it gives the basic idea. If one were to increase the displacement in this one, I think you'd get the basic effect: http://srufaculty.sru.edu/david.dailey/svg/eggcloning3.svg Hope this helps. cheers David - Original Message - From: patrickdengler To: svg-developers@yahoogroups.com Sent: Sunday, February 20, 2011 4:03 PM Subject: [svg-developers] Filter Help I've been stuck on using filters for a very specific effect that I am hoping the experts here can help me with. Think of a image being strecthed in 2 like bubble gum. I've been playing with a lot of filter effects and clippaths (I have the clipaths down). Has anyone played with an effect like this? Essentially one image on left distorted strecthed and the other half on the right and stretched apart? Do I make sense? :) Patrick [Non-text portions of this message have been removed] - To unsubscribe send a message to: svg-developers-unsubscr...@yahoogroups.com -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: svg-developers-dig...@yahoogroups.com svg-developers-fullfeatu...@yahoogroups.com * To unsubscribe from this group, send an email to: svg-developers-unsubscr...@yahoogroups.com * Your use of Yahoo! Groups is subject to: http://docs.yahoo.com/info/terms/
Re: [svg-developers] Re: Filter Help
I was intrigued by feDisplacement, but I cannot seem to control (or figure out how to control) the direction of the displacement. Yes, I've had trouble controlling the thing precisely. The little experiments with the checkerboard, are an attempt to calibrate those effects, here's another experiment: http://srufaculty.sru.edu/david.dailey/svg/later/displace7.svg in which you can see the precise degree of effect as animated. FF4 Opera and ASV all do it I think. Here's one of the reasons I wanted to do it -- if one takes a jigsaw puzzle and wishes to scramble the N pieces (sort of as in http://srufaculty.sru.edu/david.dailey/svg/clips2.svg only scrambled) then the repositioning of the images using clipPath will require N copies of the image to be loaded, I suppose into RAM. For a 1000 piece puzzle that's going to be expensive. Using a bitblt approach as in canvas one could segment those memory footprints into much smaller units. and ultimately not consume much more than the original size of the bitmap, but then the jigsaw pieces aren't objects and its not easy to carve them into clipPaths and it's not easy to drag and drop them as one does with SVG objects. So, I was interested in using an underlying distortion map (created through script) to displace chunks of imagery by fixed amounts. I couldn't get it to be as precise as I needed though, and was tempted to complain about it, but could't quite figure out if it was me or the filter that was at fault. feOffset as seen here http://srufaculty.sru.edu/david.dailey/svg/later/offsets7.svg works well in FF but not at all quickly in Opera or ASV. It was the other thing I considered. If the speed found in FF could be expected then it might solve my problem, but not likely yours which requires more gradual and less discrete displacements. cheers David - Original Message - From: patrickdengler To: svg-developers@yahoogroups.com Sent: Sunday, February 20, 2011 5:52 PM Subject: [svg-developers] Re: Filter Help Wow! Thanks for the immediate follow up. I've toyed with each of these, especially I was intrigued by feDisplacement, but I cannot seem to control (or figure out how to control) the direction of the displacement. filter id=imageFilter feDisplacementMap scale=25 yChannelSelector=B xChannelSelector=R in=SourceGraphic / /filter This does a pretty good job (or at least a start). I really want that boing stretch look in whatever dx/dy direction. [Non-text portions of this message have been removed] - To unsubscribe send a message to: svg-developers-unsubscr...@yahoogroups.com -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: svg-developers-dig...@yahoogroups.com svg-developers-fullfeatu...@yahoogroups.com * To unsubscribe from this group, send an email to: svg-developers-unsubscr...@yahoogroups.com * Your use of Yahoo! Groups is subject to: http://docs.yahoo.com/info/terms/
Re: [svg-developers] SVG SMIL in Safari ( Test Sample )
Hi Raks, I recently gave up my i-phone so my feedback isn't what you're looking for, though from my experience i-phone SVG in Safari is much like Windows Safari only slower. I got very different behavior from your example in four of the five browsers I tested: Opera -- pretty sure I see what you do here Firefox 4 -- animation looks just like in Opera only the frog's legs don't wiggle IE/ASV doesn't do anything -- but, then, if I take the source code and get rid of all the funky xml namespace stuff* then it works fine but no leg wiggling. Chrome and Safari -- it freezes while showing two of the last few frames and never dissolves into the pair of eyes that we see elsewhere. The Chrome/Safari thing is most likely a bug, though a quick look at your code didn't give me any clues as to what might be causing it. And for the differences between IE/ASV=FF and Opera, that's a somewhat unusual alignment of browser differences (out of the 32 possible subsets of these 5 browsers) , so am not sure where I'd start looking to debug. Extra commas or incorrect delimitters in one of your paths, though would be my guess. cheers David * beginning the file as just svg height=320 version=1.1 viewBox=0 0 240 320 width=240 xmlns=http://www.w3.org/2000/svg; xmlns:xlink=http://www.w3.org/1999/xlink; xmlns:ev=http://www.w3.org/2001/xml-events; - Original Message - From: Raks A To: svg-developers@yahoogroups.com Sent: Saturday, February 19, 2011 9:49 AM Subject: [svg-developers] SVG SMIL in Safari ( Test Sample ) Hi, I have written a SVG SMIL animation but as I do not have any iOS device can someone help me in comparing the animation in Opera on a Windows Machine and that on a iPhone/iPad/iPod What is seen on Opera is what is expected but if the animation on iPhone/iPad is different than that in Opera then please let me know The animation can be seen on www.telibees.com/iphone_test.svg Regards Raks [Non-text portions of this message have been removed] [Non-text portions of this message have been removed] - To unsubscribe send a message to: svg-developers-unsubscr...@yahoogroups.com -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: svg-developers-dig...@yahoogroups.com svg-developers-fullfeatu...@yahoogroups.com * To unsubscribe from this group, send an email to: svg-developers-unsubscr...@yahoogroups.com * Your use of Yahoo! Groups is subject to: http://docs.yahoo.com/info/terms/
Re: [svg-developers] Re: How to time some SVG+JavaScript?
Hi GB,
Yes, I think your summary of the methodology I used sounds correct.
The two programs used were:
http://srufaculty.sru.edu/david.dailey/svg/SVGOpen2007/chamber.html
and
http://srufaculty.sru.edu/david.dailey/svg/SVGOpen2007/SVGChamber98.html
The last time I ran those programs at all systematically was 2008, shortly
after the emergence of Google Chrome and the i-pod. No surprise: Chrome was
very fast and the i-pod was very slow.
see http://srufaculty.sru.edu/david.dailey/Benchmarks.htm
It would be interesting to rerun the tests, now that IE9 is in the picture. I
recall discovering a few months ago, though, that both Opera and Firefox have
now surpassed the speed of IE+ASV, which is a considerable landmark, I think.
cheers
David
- Original Message -
From: gb_n_svg
To: svg-developers@yahoogroups.com
Sent: Saturday, February 12, 2011 7:53 PM
Subject: [svg-developers] Re: How to time some SVG+JavaScript?
David
Thank you for the link.
I read the paper, and I think I may understand the approach.
I'll see if I can explain it, and maybe if I've missed the point you can
correct me?
1. The different browsers have different rendering and JavaScript execution
approaches, so it doesn't work to simply wrap stuff in JavaSCript as:
a 'get start time'
b. 'do stuff that I want to time'
c. 'get end time and calculate end-=start for elapsed time'
2. It doesn't even work to 'post' a small task off into the future using
setTimeout because that might still get executed before rendering has completed
3. BUT, If the task is split into multiple steps, and each step 'queued'
using setTimeout, then the timing code can detect when it is the final step,
and hence derive a time. As the step becomes smaller, the more precise the
timing, but the greater the overhead. This can be somewhat identified by using
several different step sizes, and looking for a trend.
Is that the idea?
TIA - GB
BTW - It looks like there was a program or example which may provide a
solution, but it seems to be no longer linked.
Specifically under the heading The programs there is an item:
1. Run time vs. render time and how to measure.
but that is not linked to anything.
--- In svg-developers@yahoogroups.com, ddailey ddailey@... wrote:
Here's an approach I used in a paper for the SVG2007:
http://srufaculty.sru.edu/david.dailey/svg/SVGOpen2007/SVGOpen2007.htm
I was interested, among other things, in how JavaScript and SMIL animations
interacted, and in the effect of overstuffing the SVG DOM with lots of content.
cheers
David
- Original Message -
From: gb_n_svg
To: svg-developers@yahoogroups.com
Sent: Tuesday, February 08, 2011 2:57 PM
Subject: [svg-developers] How to time some SVG+JavaScript?
I have been experimenting with SVG Filters across Safari, Firefox, Chrome
and Opera.
I am trying to get some stable performance timing so that I can understand
which filters are pretty quick, and which aren't. (I'd also like to do these as
browsers are improved)
There are a couple of obstacles:
1. Some stuff is so quick, it can't be reliable measured
2. Some browsers schedule drawing differently, so aren't actually timed
My approach to solve 1 (to make stuff easy to measure) is to run a
JavaScript function to create hundreds of instances of a group, with the filter
applied to each of the groups. This seems to be enough that timing is
relatively useful.
e.g.
function () {
var startTime = new Date();
... do the create and rendering for hundreds of groups ...
var endTime = new Date();
... calculate elapsed time and print it ...
}
BUT I can't simply time the JavaScript function this way because the
rendering of the graphics doesn't happen until after the function has exited.
I tried running the final part of the timing after the groups are created
as a closure with setTimeout:
setTimeout(function () {
var endTime = new Date();
var diffTime = endTime.getTime() - startTime.getTime();
var txt = document.getElementById(timing);
txt.firstChild.nodeValue = ... ;
}, 10);
But, with some browsers I can see that the time to render is much longer
than the time this code measures and reports (over 2 seconds, but the timing
claims 0.6sec)
I'd like to get this to a stage where I can run a sequence of tests,
automatically, let it gather the stats, and compare different combinations of
filters on the same browser, and also between different browsers.
Could someone please point me at something which explains how to time this
sort of thing so that the time includes all of the rendering?
TIA - GB
[Non-text portions of this message have been removed]
[Non-text portions of this message have been removed]
-
To unsubscribe send
[svg-developers] a brick pattern
Back some time ago, there was discussion (http://tech.groups.yahoo.com/group/svg-developers/message/59832 [1] ) about making brick patterns in SVG, with perspective. I don't recall all of the discussion that ensued, but here's a solution using : http://srufaculty.sru.edu/david.dailey/svg/replicate/repRectsGrad2g.svg [2] It seems to work in all browsers and has just six SVG objects (including the and , but not counting the and its stops). So in addition to solving the problems of gradients that are neither radial nor linear, and patterns that are non-rectilinear, also solves the problem of non-affine transforms! It would seem to solve most of the extant limitations of SVG, with the exceptions of inter-object relations (graph theory), and funky font issues! Well one day, it will be there! Basically two quadlrilateral s, one slanting left and the other slanting right are interpolated, modifying their gradients as we go, and then we can replicate backwards by modifying the transform/scale. Quite simple, yes? Some of our recent experiments with for building textures (like landscapes and northern lights) can be seen here: http://srufaculty.sru.edu/david.dailey/svg/SVGOpen2010/replicate.htm [3] In a couple of them, I replicated an object, found the feTurbulence that was filling it and then modified its baseFrequency so that objects in the background would have finer grain than those in the foreground. Makes me wish we had an option to automatically clip a filter to the shape to which it is applied without having to build a separate clipPath that clips the filtered shape to its outline! My wish list is now up to 139 things! cheers David Links: -- [1] http://tech.groups.yahoo.com/group/svg-developers/message/59832 [2] http://srufaculty.sru.edu/david.dailey/svg/replicate/repRectsGrad2g.svg [3] http://srufaculty.sru.edu/david.dailey/svg/SVGOpen2010/replicate.htm [Non-text portions of this message have been removed] - To unsubscribe send a message to: svg-developers-unsubscr...@yahoogroups.com -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: svg-developers-dig...@yahoogroups.com svg-developers-fullfeatu...@yahoogroups.com * To unsubscribe from this group, send an email to: svg-developers-unsubscr...@yahoogroups.com * Your use of Yahoo! Groups is subject to: http://docs.yahoo.com/info/terms/
Re: [svg-developers] How to time some SVG+JavaScript?
Here's an approach I used in a paper for the SVG2007:
http://srufaculty.sru.edu/david.dailey/svg/SVGOpen2007/SVGOpen2007.htm
I was interested, among other things, in how JavaScript and SMIL animations
interacted, and in the effect of overstuffing the SVG DOM with lots of content.
cheers
David
- Original Message -
From: gb_n_svg
To: svg-developers@yahoogroups.com
Sent: Tuesday, February 08, 2011 2:57 PM
Subject: [svg-developers] How to time some SVG+JavaScript?
I have been experimenting with SVG Filters across Safari, Firefox, Chrome and
Opera.
I am trying to get some stable performance timing so that I can understand
which filters are pretty quick, and which aren't. (I'd also like to do these as
browsers are improved)
There are a couple of obstacles:
1. Some stuff is so quick, it can't be reliable measured
2. Some browsers schedule drawing differently, so aren't actually timed
My approach to solve 1 (to make stuff easy to measure) is to run a JavaScript
function to create hundreds of instances of a group, with the filter applied to
each of the groups. This seems to be enough that timing is relatively useful.
e.g.
function () {
var startTime = new Date();
... do the create and rendering for hundreds of groups ...
var endTime = new Date();
... calculate elapsed time and print it ...
}
BUT I can't simply time the JavaScript function this way because the
rendering of the graphics doesn't happen until after the function has exited.
I tried running the final part of the timing after the groups are created as
a closure with setTimeout:
setTimeout(function () {
var endTime = new Date();
var diffTime = endTime.getTime() - startTime.getTime();
var txt = document.getElementById(timing);
txt.firstChild.nodeValue = ... ;
}, 10);
But, with some browsers I can see that the time to render is much longer than
the time this code measures and reports (over 2 seconds, but the timing claims
0.6sec)
I'd like to get this to a stage where I can run a sequence of tests,
automatically, let it gather the stats, and compare different combinations of
filters on the same browser, and also between different browsers.
Could someone please point me at something which explains how to time this
sort of thing so that the time includes all of the rendering?
TIA - GB
[Non-text portions of this message have been removed]
-
To unsubscribe send a message to: svg-developers-unsubscr...@yahoogroups.com
-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:
svg-developers-dig...@yahoogroups.com
svg-developers-fullfeatu...@yahoogroups.com
* To unsubscribe from this group, send an email to:
svg-developers-unsubscr...@yahoogroups.com
* Your use of Yahoo! Groups is subject to:
http://docs.yahoo.com/info/terms/
[svg-developers] scripting SVG in HTML (followup)
I just solved one of those problems that I wrote about in my last message: #2 -- One apparently doesn't have a document within the SVG node -- you just acess the elements within it as though they are childNodes. Of course that means that a statement like SVGDoc.documentElement.setAttribute(onclick,remove(evt)) won't work. Still no success, though, in identifying an SVG object that is the target of an event. cheers David [Non-text portions of this message have been removed] - To unsubscribe send a message to: svg-developers-unsubscr...@yahoogroups.com -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: svg-developers-dig...@yahoogroups.com svg-developers-fullfeatu...@yahoogroups.com * To unsubscribe from this group, send an email to: svg-developers-unsubscr...@yahoogroups.com * Your use of Yahoo! Groups is subject to: http://docs.yahoo.com/info/terms/
[svg-developers] Scripting SVG in HTML5
Some of my students have started turning in projects in which they use SVG
inline in HTML5. So I figured it was time for me to figure something out about
it.
Based on this little thing [1] that works in all browsers, I decided just to
put the SVG inside an HTML container to see what I could see. My limited
experiment tells me I don't know how this is supposed to work, so am hoping
someone can help me out.
Following is my code (it's pretty brief so I just included it). But here are
the problems:
1. It only shows the SVG in Chrome and Firefox. Is there some magic namespace I
should use to get it to work in Opera and Safari? Haven't tried IE9 (sorry)
2. The first alert() shows that the nodeName of S is indeed SVG -- a good
thing! However, the second alert() does not appear (and I even tried
contentDocument instead of getSVGDocument, remembering Firefox's odd affection
for that construct). How would one get access to the SVG DOM?
3. If I use remove() instead of remove(evt) then the first alert inside
that function is reached. Otherwise the processing doesn't get that far. So
how can one identify the target of the evt in a way that actually works. I
tried a half dozen random guesses as to what might work.
Is this a bug in HTML5? or is inline SVG not supposed to be scripted?
cheers
David
--
htmlscript
function startup(){
S=document.getElementById(SVG)
alert(S.nodeName)
SVGDoc=S.getSVGDocument()
alert(SVGDoc.documentElement.nodeName)
SVGDoc.documentElement.setAttribute(onclick,remove(evt))
}
xmlns=http://www.w3.org/2000/svg;
xlink=http://www.w3.org/1999/xlink;
function removeIt(evt){
alert()
if (evt.target.nodeName==rect) add(evt)
else document.documentElement.removeChild(evt.target)
}
function add(evt){
var C=document.createElementNS(xmlns,circle)
C.setAttributeNS(null, r, 50)
C.setAttributeNS(null, cx, evt.clientX)
C.setAttributeNS(null, cy, evt.clientY)
document.documentElement.appendChild(C)
}
/script
Hello there!
svg xmlns=http://www.w3.org/2000/svg; width=100%
xmlns:xlink=http://www.w3.org/1999/xlink; id=SVG onload=startup()
rect width=100% height=100% fill=white onclick=removeIt(evt)/
circle r=50 onclick=removeIt(evt)/
text font-size=12 x=50 y=20 onclick=removeIt(evt)Click something to
remove it/text
text font-size=12 x=50 y=80 onclick=removeIt(evt)Click nothing to
add something/text
/svg/html
[1] http://srufaculty.sru.edu/david.dailey/svg/simpleTemplate.svg
[Non-text portions of this message have been removed]
-
To unsubscribe send a message to: svg-developers-unsubscr...@yahoogroups.com
-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:
svg-developers-dig...@yahoogroups.com
svg-developers-fullfeatu...@yahoogroups.com
* To unsubscribe from this group, send an email to:
svg-developers-unsubscr...@yahoogroups.com
* Your use of Yahoo! Groups is subject to:
http://docs.yahoo.com/info/terms/
Re: [svg-developers] scripting SVG in HTML (followup)
One more note since I have found work-arounds to most of my problems (at least
in Chrome and Firefox):
Following is the new code that duplicates most of the behavior of the original
SVG, but now inside HTML.
Basically, the coding paradigm is all HTML, and that is what confused me at
first. things like onclick=happy(evt) typical in SVG simply seem not to work
within the HTML setting. Instead something like C.onclick=removeIt is used to
gain HTML's access to the event object. There seems to be no SVGDocument
element to which we can assign events so instead of assigning a generic event
handler to documentElement and then interrogating what has been clicked the way
one might in SVG, you apparently must peruse the DOM and assign event handlers
to all things found. Of course in the simple example below, that means new
elements all have to have that behavior assigned since they cannot inherit it
from the Root node. If instead we do assign events to the HTML documentElement
(that includes the SVG content) then the bubble up vs trickle down Reagonomics
seems to intercept events in opposite way that one would expect in SVG.
And of course mousecoordinates are a bit screwy. They are measured relative to
the SVG window, but then content is created relative to the HTML window it
seems.
Stuff that one could work around I suppose, but I guess my last question would
now be: is this how it is supposed to be?
cheers
David
htmlscript
function startup(){
S=document.getElementById(SVG)
for (i in S.childNodes) S.childNodes[i].onclick=removeIt
}
xmlns=http://www.w3.org/2000/svg;
xlink=http://www.w3.org/1999/xlink;
function removeIt(e){
T=e.target
if (T.nodeName==rect) add(e.clientX,e.clientY)
else T.parentNode.removeChild(T)
}
function add(x,y){
var C=document.createElementNS(xmlns,circle)
C.setAttributeNS(null, r, 50)
C.setAttributeNS(null, cx, x)
C.setAttributeNS(null, cy, y)
C.onclick=removeIt
S.appendChild(C)
}
/scriptp onclick=removeIt()
Hello there!/p
svg xmlns=http://www.w3.org/2000/svg; width=100%
xmlns:xlink=http://www.w3.org/1999/xlink; id=SVG onload=startup()
rect width=100% height=100% fill=white /
circle r=50 /
text font-size=12 x=50 y=20 onclick=removeIt()Click something to
remove it/text
text font-size=12 x=50 y=80Click nothing to add something/text
/svg/html
- Original Message -
From: ddailey
To: svg-developers@yahoogroups.com
Sent: Tuesday, February 08, 2011 5:34 PM
Subject: [svg-developers] scripting SVG in HTML (followup)
I just solved one of those problems that I wrote about in my last message:
#2 -- One apparently doesn't have a document within the SVG node -- you just
acess the elements within it as though they are childNodes. Of course that
means that a statement like
SVGDoc.documentElement.setAttribute(onclick,remove(evt))
won't work.
Still no success, though, in identifying an SVG object that is the target of
an event.
cheers
David
[Non-text portions of this message have been removed]
[Non-text portions of this message have been removed]
-
To unsubscribe send a message to: svg-developers-unsubscr...@yahoogroups.com
-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:
svg-developers-dig...@yahoogroups.com
svg-developers-fullfeatu...@yahoogroups.com
* To unsubscribe from this group, send an email to:
svg-developers-unsubscr...@yahoogroups.com
* Your use of Yahoo! Groups is subject to:
http://docs.yahoo.com/info/terms/
[svg-developers] rotated text within a pattern
Here's a simple test that all browsers that I have tested fail: http://granite.sru.edu/~ddailey/svg/textPatternRotate.svg It's the first time I've ever seen Safari for Windows actually do the best job for something SVG-related, and so, is noteworthy for that alone! Here's the code: --- svg xmlns=http://www.w3.org/2000/svg; xmlns:xlink=http://www.w3.org/1999/xlink; width=100% height=100% defs pattern id=Wow patternUnits=userSpaceOnUse width=51 height=36 text x=0 y=35 fill=black stroke=black kerning=1 font-size=35 font-family=serifWo/text /pattern /defs circle id=C r=100 fill=url(#Wow) cx=100 cy=100 stroke=black stroke-width=3/ use xlink:href=#C transform=translate(200,0) rotate(45, 100, 100)/ /svg --- The results: IE+ASV -- does not anti-alias the rotated text-pattern Opera 11.00 -- does not display text within a pattern Firefox 4.0b9-- doesn't respect the kerning (otherwise behaves as it should -- zooming nicely!) Chrome 8 -- stroke and fill of the text do not align (this is true of Chrome whenever text is rotated -- the stroke and fill do not align) Safari -- antialiases the rotated text and kerns properly, but on zoom converts it all to pixels and the image becomes intensely pixellated) I've reported the various problems to Opera and Firefox (though I suspect the Firefox folks have known about the kerning issue for some time). I can't figure out how to report bugs to Safari and Chrome -- it seems like there used to be a way, but perhaps they customized my version so that I can't do it anymore :) I thought it rather a fun example because of its simplicity! cheers David [Non-text portions of this message have been removed] - To unsubscribe send a message to: svg-developers-unsubscr...@yahoogroups.com -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: svg-developers-dig...@yahoogroups.com svg-developers-fullfeatu...@yahoogroups.com * To unsubscribe from this group, send an email to: svg-developers-unsubscr...@yahoogroups.com * Your use of Yahoo! Groups is subject to: http://docs.yahoo.com/info/terms/
Re: [svg-developers] Re: Native support for page panning in browsers
Chaals writes:
Actually, the activation should be defined by the User Agent (most of the
touch devices we work with don't have ctrl- or alt- keys.
Well, yes, there are already plenty of places where touch devices can't handle
certain things, but then there are already plenty of places where the SVG spec
says things like the User Agent must, if it can, do such and so this way, and
SVG-Tiny exists in part to handle differently abled devices. I'm not sure that
a plethora of bad and UI-inconsistent roll-your-own-zoom-and-pan-s in apps is
better than asking the implementers to work together here. Actually, I think I
understated that, since I think I may have some certainty about the issue,
after all.
I guess my sentiments here have changed since I've recently been teaching more
than a hundred talented web-professionals how to use SVG. Having taught shy
undergrads about SVG for most of a decade is different: they tend not to fuss
when things don't make sense. With this new crop of students, I find myself
scratching my head at times over the straightfoward questions they ask, that
alas, have no easy answers!
But yes, it
would be better than asking each app developer to make up their own (and
building UI in an app that works cross platform is actually really really
hard, as my example might show).
Yep! (an Americanism -- as I recall, you're fond ot those)
On a related issue, is there any way to drag SVG graphics in a web browser on
an i-phone? The safariites seem to have hijacked drag={onmousedown=onething;
onmousemove=another;} such that I can't figure out a way to make GUI SVG web
apps work there, at least not if said apps try to use the Apple interface as
detailed in Inside Macintosh c. 1984.
(Hi Chaals!)
David
[Non-text portions of this message have been removed]
-
To unsubscribe send a message to: svg-developers-unsubscr...@yahoogroups.com
-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:
svg-developers-dig...@yahoogroups.com
svg-developers-fullfeatu...@yahoogroups.com
* To unsubscribe from this group, send an email to:
svg-developers-unsubscr...@yahoogroups.com
* Your use of Yahoo! Groups is subject to:
http://docs.yahoo.com/info/terms/
[svg-developers] Bounding box on use
If I understand Robert Longson's recent reply to a series of questions I had about styling and measuring s, it is because they don't have an SVGTransformable interface, that we can't measure them with getBBox, but have to instead use getExtentOfChar . Why doesn't have a transformable interface, seems odd to me, since we have to invent various other and rudimentary methods for dealing with substrings, but that is a different matter. Well in this particular example, submitted by a student of mine, Cyril Pierron, http://srufaculty.sru.edu/david.dailey/W3CCourse/CPierrongetBBoxUse.svg [1], Opera and IE+ASV give very different results than Firefox and webKit. Basically, he's taken a chunk of text, measured it, reused it and then measured the reuse. Since SVGUSEELEMENT according to http://www.w3.org/TR/SVG/idl.html [2] has a transformable interface, I'd assume that the original object and a reuse of it should have identical footprints, but IE+ASV and Opera don't seem to agree. Are these bugs? My guess is that they are. cheers David Links: -- [1] http://srufaculty.sru.edu/david.dailey/W3CCourse/CPierrongetBBoxUse.svg [2] http://www.w3.org/TR/SVG/idl.html [Non-text portions of this message have been removed] - To unsubscribe send a message to: svg-developers-unsubscr...@yahoogroups.com -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: svg-developers-dig...@yahoogroups.com svg-developers-fullfeatu...@yahoogroups.com * To unsubscribe from this group, send an email to: svg-developers-unsubscr...@yahoogroups.com * Your use of Yahoo! Groups is subject to: http://docs.yahoo.com/info/terms/
Re: [svg-developers] Re: trampolining and difficulties aligning text to its overline
Hi Robert,
Thanks for looking at this. I'm sure it is an eclectic interest, but both of my
teaching sessions with the W3C produced questions of this sort from students
that I was moderately flumoxed and equally intrigued by.
[...snip] And it's SVGLocatable that gives text the getBBox DOM method.
I think this is consistent with what I discovered roughly through trial and
error. I had rather hoped I would never have to read the spec so carefully as
to understand all that stuff that I just snipped from your reply (all that
stuff that looks like
interface SVGTSpanElement : SVGTextPositioningElement {
};
).
Sigh... I knew that stuff was there in the spec for a reason; I just hoped to
shield myself from it.
It was fascinating to see just how wildly all the browsers differed from one
another when I tried using getBBox to measure actual characters instead of
strings. Oh my! Either there are a lot of bugs out there or the spec is
underspecific! I finally gave up on getBBox( ) after somewhat reluctantly
realizing there was a reason for having getExtentOfChar in the spec. ( I had
glossed over that part on first reading , thinking that getBBox was a generic
can-opener for measuring rendered content. I guess it is unless the content has
characters inside? Are there other weird cases (other than the obvious case of
transforms and getCTM and viewBoxes and so forth) when getBBox measures things
that we can't see?
As far as text decoration is concerned I'm still waiting for a response to
this question to w3c:
http://lists.w3.org/Archives/Public/www-svg/2009Oct/0010.html The firefox bug
for text-decoration is https://bugzilla.mozilla.org/show_bug.cgi?id=317196
Oh good! I read your post here and it is reassuring to see that you've raised
exactly this same issue. In the case of overline , I really hope the answer is
to do it the way that Firefox and ASV do it rather than the way that Opera or
webkit does it. It makes more sense to overstrike a word than to overstrike
individual chars within the word, even if the chars have been mucked with.
getBBox works on the entire text, getExtentOfChar works on individual glyphs.
Yes, I think I figured that out, though I think aaa.getBBox() and
AAA.getBBox() might give the same outcome in some browsers and not in other,
confusing me initially.
getExtentOfChar
Returns a tightest rectangle which defines the minimum and maximum
X and Y values in the user coordinate system for rendering the
glyph(s) that correspond to the specified character. The
calculations assume that all glyphs occupy the full standard glyph
cell for the font. If multiple consecutive characters are rendered
inseparably (e.g., as a single glyph or a sequence of glyphs), then
each of the inseparable characters will return the same extent.
The all glyphs occupy the full standard glyph cell for the font is the key
phrase here.
Did I answer everything?
Well one more, I suppose: does this mean that since the glyph cell and the
glyph itself may not be of the same size that we have no method to actually
measure the glyph itself if it differs from the glyph cell? It appears that the
letter p in trampoline falls into that category.
Is Firefox correct in its handling of
http://granite.sru.edu/~ddailey/svg/tspanmeasure.svg while ASV, Opera, Chrome
and Safari are all wrong (albeit for different reasons in each case)? It looks
like Chrome has just a different manifestation of uncertainty about how to
apply getExtentofChar in cases of scaled or kerned text.
What I'm trying to do here can be seen by clicking on the words in this:
http://granite.sru.edu/~ddailey/svg/wordpuns.svg
I'll fiddle some more, I suppose.
Best
David
[Non-text portions of this message have been removed]
-
To unsubscribe send a message to: svg-developers-unsubscr...@yahoogroups.com
-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:
svg-developers-dig...@yahoogroups.com
svg-developers-fullfeatu...@yahoogroups.com
* To unsubscribe from this group, send an email to:
svg-developers-unsubscr...@yahoogroups.com
* Your use of Yahoo! Groups is subject to:
http://docs.yahoo.com/info/terms/
Re: [svg-developers] Re: SVG Support in Opera 11
Howdy! When these messages were going on I hadn't had a chance to even look to see if Opera 11 was doing anything different than in the past, so this morning I took the opportunity. Noteworthy is that that there are now lots of things that DO work in Opera 11 which never used to work anywhere but IE+ASV! And a lot of the animated replicate stuff http://srufaculty.sru.edu/david.dailey/svg/SVGOpen2010/replicate.htm that Opera wasn't happy with before is now working blissfully (with bug reports on the others -- I found a couple other bugs here and there that didn't seem to exist in Opera 10, so reported them-- but nothing noteworthy.). It looks like Opera 11 has gained at least 5 points on this little evaluation: http://srufaculty.sru.edu/david.dailey/svg/createElementBrowser.html (which I now see I'll have to update, sometime ). So overall, it does indeed look like a major release! I'm happy to see some things like starflake expressway http://srufaculty.sru.edu/david.dailey/svg/swatch3.svg finally working somewhere outside ASV! cheers David - Original Message - From: Charles McCathieNevile To: svg-developers@yahoogroups.com Sent: Thursday, January 13, 2011 7:17 PM Subject: Re: [svg-developers] Re: SVG Support in Opera 11 On Fri, 14 Jan 2011 00:39:08 +0100, Jeff codedr...@gmail.com wrote: On Thu, Jan 13, 2011 at 3:27 PM, jamesd jcdeeri...@yahoo.com wrote: SMIL animations don't work at all now in Opera, and I just put up a new site lauding the web browser. Not cool! Seems to work for me. Since this has become an Opera whine session though, I will say that I am disturbed that I cannot save a web page from a view-source tab as ending in .svg. The browser forces me to save as .htm, not .html, of all things! Hi Richard, Jeff, James, Not sure about the SMIL thing, works for me too. I have noticed the save-as bug though, and agree that it's annoying. I'll file it if it isn't already noted. You might want to look at the snapshot released last week as a possible 11.01 (or something) - http://my.opera.com/desktopteam - that includes a bunch of core improvements (SVG is largely handled by the core). Cheers Chaals -- Charles McCathieNevile Opera Software, Standards Group je parle français -- hablo español -- jeg lærer norsk http://my.opera.com/chaals Try Opera: http://www.opera.com [Non-text portions of this message have been removed] - To unsubscribe send a message to: svg-developers-unsubscr...@yahoogroups.com -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: svg-developers-dig...@yahoogroups.com svg-developers-fullfeatu...@yahoogroups.com * To unsubscribe from this group, send an email to: svg-developers-unsubscr...@yahoogroups.com * Your use of Yahoo! Groups is subject to: http://docs.yahoo.com/info/terms/
Re: [svg-developers] trampolining and difficulties aligning text to its overline
Any opinions or advice on 1. How to top-justify text (as tried in http://www.mail-archive.com/svg-developers@yahoogroups.com/msg14358.html ) 2. Given that every browser displays and scripts the above file differently, who does it correctly? Am wondering who to assign bug reports to. cheers David - Original Message - From: ddailey To: svg-developers@yahoogroups.com Sent: Tuesday, January 04, 2011 5:13 PM Subject: [svg-developers] trampolining and difficulties aligning text to its overline I have moved the introduction* of this to the end so as to save the reader from my inspired prose. While arming yourself with all available SVG viewers, consider the example at http://granite.sru.edu/~ddailey/svg/tspanmeasure.svg I was trying to top-justify the word Trampoline so that all of its letters would be taut across the top rather than the bottom. Why? You ask. Well, short of reading the introduction*, let me offer the following observations: a) I browsed through some 28 versions of CSS (you may think there are only 4 or 5!) and found no reference to it b) it is a textual effect found in the wild. On the very same day that I set about to accomplish it (some weeks ago now), I asked my two kids to help me find examples. Within a few hours of shopping, talking and eating, we had found five examples: two signs on local stores, a spice bottle, and two novels. ** Real people top-align text! (I had planned to let the o in trampoline bounce upon the taut top of the word (ideally using SMIL), with the top adjusting to a curve formed by the deformation of the bounce -- but that will have to wait for some more primitive things to happen first!) So here's what I tried: write the text inside tspans (I also have a script elsewhere which takes any text and manufactures a tspan for each letter) and then, via script, adjust the dy associated with the letters based on their actual sizes. Questions: 1. Can you find any way to do this (short of fiddling numbers by hand)? (If we can just nudge up the p and the g, we'll have it!) 2. Why doesn't getBBox work with tspan in many browsers? (It does in IE and Opera, but the others are most unhappy). I used getExtentOfChar instead, but in doing so, it wasn't quite clear to me what getExtentOfChar does that getBBox doesn't. An equivalent question might be why do we even have getExtentOfChar? Observations: 0. This example is frought with a plethora of rather gnarly browser inconsistencies. 1. I tried reading the letters and rendering each inside its own text . Believe it or not, this didn't fix the browser inconsistencies! They were every bit as pronounced with text objects as with tspan, once I abandoned hope for getBBox in favor of getExtentOfChar. More detailed analysis can be reviewed at http://granite.sru.edu/~ddailey/svg/textmeasure.svg 2. Browser oddities: a. ASV(IE) -- comes closest to the desired effect --didn't like .getBBox() applied to a tspan -- didn't align p or g to the same top line as the others (presumably since they extend below the text baseline) b. Opera -- behaves much like ASV in its ability to top align most of the text --allows .getBBox() applied to a tspan but seems to return a value inherited from the parent text node (I suspect the spec doesn't say what to do-- since tspan may not be required to be measurable) -- doesn't allow text-decoration=overline to remain continuous above differently offset glyphs (I suspect this is a bug in Opera since all the others seem to remain continuous and continuous makes sense) --drawing rectangles around the letters fails (I suspect this is a bug in Opera since all the others seem to do what makes sense) --kerning between tspan fails (I suspect this is a bug in Opera since all the others seem to do what makes sense) c. Firefox --measures all characters as having the same getExtentOfChar (the problem is not corrected by using getBBox) (I suspect this is a bug in Firefox since ASV and Opera seem to do what makes sense) -- does not allow for text-decoration=overline (I suspect this is a bug in Firefox) d. Chrome -- does not vertically realign the characters -- measures them all the same (I suspect this is a bug in Chrome) -- styles text-decoration=overline with stroke-width of one, allowing red stroking of the font to be visible (I suspect this is a bug in Chrome) e. Safari -- appears to have the union of all problems found in all browsers and doesn't implement getExtentOfChar , returning values of zero. David (so how would this work in Action Script?) - *You may recall a couple of months ago, I was musing about how to make a copyleft symbol preserving perceptual and semantic accuracy as well as accessibility. What is the meaning of a circle with a line through it after all, and does that meaning differ as a function of what is put inside
[svg-developers] Native support for page panning in browsers
In http://www.w3.org/TR/SVG/interact.html#EnableZoomAndPanControls it tells us that SVG user agents that operate in interaction-capable user environments are required to support the ability to magnify and pan. I know how to zoom (or at least, I know how to enlarge a page -- which is a bit different than zooming) How does one pan in the browser in most browsers? I know how to do it with script -- I'm talking about things like ALT drag in ASV... thanks David [Non-text portions of this message have been removed] - To unsubscribe send a message to: svg-developers-unsubscr...@yahoogroups.com -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: svg-developers-dig...@yahoogroups.com svg-developers-fullfeatu...@yahoogroups.com * To unsubscribe from this group, send an email to: svg-developers-unsubscr...@yahoogroups.com * Your use of Yahoo! Groups is subject to: http://docs.yahoo.com/info/terms/
Re: [svg-developers] Divide objects below the specified path
Hi Jan, I'm not sure if I quite understand your scenario, but a couple of quick responses: first of all a path can have multiple M subcommands: path d=M 100,350 300,100 500,350 z M 250,320 250,220 350,220 350,320 z fill=#ff8 stroke=black stroke-width=15 fill-rule=evenodd/ draws a triangle with a square hole in the middle. The background will shine through the hole as though it is transparent. While there has been some discussion of clipping paths with inversed functionality (I don't know if the SVG WG has taken up the issue or not -- though it would make sense) -- in the meantime, we do have mask that enables that and more. hope this helps. David - Original Message - From: honyk To: svg-developers@yahoogroups.com Sent: Friday, January 07, 2011 6:29 PM Subject: [svg-developers] Divide objects below the specified path Hello Everyone, I am trying to create a transparent shape (a circle like polygon consisted of straight lines) in my complex SVG graphics in my web app. It is not possible to use the common scenario and create it as a single path with several closed countours with a different direction. The only solution I can imagine is something like the Adobe Illustrator's function 'Divide objects below' and then deleting the resulted fragments in the hole area. Has Batik or any other library any features for clipping different types of objects in SVG (circles, Bezier curves, straight lines) to the given shape? Can I iterate the resulted closed contours and check if the given coordinate is located inside them? A Java library is preferred. Btw, it would be much easier with clipping paths with inversed functionality... Regards, Jan [Non-text portions of this message have been removed] - To unsubscribe send a message to: svg-developers-unsubscr...@yahoogroups.com -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: svg-developers-dig...@yahoogroups.com svg-developers-fullfeatu...@yahoogroups.com * To unsubscribe from this group, send an email to: svg-developers-unsubscr...@yahoogroups.com * Your use of Yahoo! Groups is subject to: http://docs.yahoo.com/info/terms/
Re: [svg-developers] Divide objects below the specified path
Perhaps something like this is what you have in mind accomplishing: I've made your triangle black and put it in a mask with a big white rectangle underneath I had to mess with coordinates a bit to get it all to line up. The mask is then applied to your group. In this way masks can be tricked into acting like inverse clip-paths. cheers David - Original Message - From: honyk To: svg-developers@yahoogroups.com Sent: Saturday, January 08, 2011 11:00 AM Subject: RE: [svg-developers] Divide objects below the specified path Hi David, I'm not sure if I quite understand your scenario Please see my simplified use case http://skibob.dobruska.cz/other/clip.svg - I'd like to have that triangle transparent. It is impossible to do it with a single path (with multiple contours) as I need different fill styles of individual objects. While there has been some discussion of clipping paths with inversed functionality (I don't know if the SVG WG has taken up the issue or not -- though it would make sense) -- in the meantime, we do have mask that enables that and more. Masking makes graphics semitransparent, I am not sure if this would help in my case. Any idea? Regards, Jan [Non-text portions of this message have been removed] [Non-text portions of this message have been removed] - To unsubscribe send a message to: svg-developers-unsubscr...@yahoogroups.com -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: svg-developers-dig...@yahoogroups.com svg-developers-fullfeatu...@yahoogroups.com * To unsubscribe from this group, send an email to: svg-developers-unsubscr...@yahoogroups.com * Your use of Yahoo! Groups is subject to: http://docs.yahoo.com/info/terms/
Re: [svg-developers] Divide objects below the specified path
Ooops! I forgot to paste in the code: mask id=Ma rect x=0 y=0 height=300% width=100% fill=white/ path transform=translate(-450, 0) scale(2.2,1) id=triangle d=m 354.28571,470.30504 -22.1705,38.4 h 44.341 z fill=black / /mask image xlink:href='http://srufaculty.sru.edu/david.dailey/svg/thesoul2.jpg' y=215 x=200 width=35% height=160 / g transform=translate(0,-200) mask=url(#Ma) id=g3676 rect y=410.91531 x=210.11172 height=167.68532 width=263.64981 id=rect3672 style=fill:#80;stroke:#ff00ff;stroke-width:1.6678;stroke-miterlimit:4;stroke-opacity:1;stroke-dasharray:none / rect y=451.63022 x=293.27554 height=73.517334 width=137.14285 id=rect3668 style=fill:#808000;stroke:#ff00ff;stroke-width:1.76425362;stroke-miterlimit:4;stroke-opacity:1;stroke-dasharray:none / rect y=489.08624 x=243.38364 height=66.454803 width=111.87081 id=rect3670 style=fill:#ff;stroke:#ff00ff;stroke-width:1.31827772;stroke-miterlimit:4;stroke-opacity:1;stroke-dasharray:none / /g - Original Message - From: ddailey To: svg-developers@yahoogroups.com Sent: Saturday, January 08, 2011 12:01 PM Subject: Re: [svg-developers] Divide objects below the specified path Perhaps something like this is what you have in mind accomplishing: I've made your triangle black and put it in a mask with a big white rectangle underneath I had to mess with coordinates a bit to get it all to line up. The mask is then applied to your group. In this way masks can be tricked into acting like inverse clip-paths. cheers David - Original Message - From: honyk To: svg-developers@yahoogroups.com Sent: Saturday, January 08, 2011 11:00 AM Subject: RE: [svg-developers] Divide objects below the specified path Hi David, I'm not sure if I quite understand your scenario Please see my simplified use case http://skibob.dobruska.cz/other/clip.svg - I'd like to have that triangle transparent. It is impossible to do it with a single path (with multiple contours) as I need different fill styles of individual objects. While there has been some discussion of clipping paths with inversed functionality (I don't know if the SVG WG has taken up the issue or not -- though it would make sense) -- in the meantime, we do have mask that enables that and more. Masking makes graphics semitransparent, I am not sure if this would help in my case. Any idea? Regards, Jan [Non-text portions of this message have been removed] [Non-text portions of this message have been removed] [Non-text portions of this message have been removed] - To unsubscribe send a message to: svg-developers-unsubscr...@yahoogroups.com -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: svg-developers-dig...@yahoogroups.com svg-developers-fullfeatu...@yahoogroups.com * To unsubscribe from this group, send an email to: svg-developers-unsubscr...@yahoogroups.com * Your use of Yahoo! Groups is subject to: http://docs.yahoo.com/info/terms/
Re: [svg-developers] SVG internal script
Take a look at http://www.w3.org/Graphics/SVG/IG/resources/svgprimer.html#joint_use -- there is an example there (look inside a table named Making SVG functions callable from HTML ). Basically, suppose the svg is linked from the html via object, embed or iframe. And suppose the function within a script inside the svg is named happy(). Then, issue a command within the svg script that says top.happy=happy. This basically forces the html parent of the svg to alias the term happy to its definition within the svg script tag. Similar things may be done to access variables defined within svg script. hope this helps David - Original Message - From: kalyan_ayyagari To: svg-developers@yahoogroups.com Sent: Wednesday, January 05, 2011 7:40 AM Subject: [svg-developers] SVG internal script Is there a way to access the internal script of a SVG file from a HTML where its embedded into? I have a SVG file which has some script in it... svg script type=text/ecmascript xlink:href=svgSample.js/ If i try to access a function in this js file from a HTML file where this SVG is embedded, it shows 'Uncaught ReferenceError: function is not defined' any thoughts?? [Non-text portions of this message have been removed] - To unsubscribe send a message to: svg-developers-unsubscr...@yahoogroups.com -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: svg-developers-dig...@yahoogroups.com svg-developers-fullfeatu...@yahoogroups.com * To unsubscribe from this group, send an email to: svg-developers-unsubscr...@yahoogroups.com * Your use of Yahoo! Groups is subject to: http://docs.yahoo.com/info/terms/
[svg-developers] trampolining and difficulties aligning text to its overline
I have moved the introduction* of this to the end so as to save the reader from my inspired prose. While arming yourself with all available SVG viewers, consider the example at http://granite.sru.edu/~ddailey/svg/tspanmeasure.svg I was trying to top-justify the word Trampoline so that all of its letters would be taut across the top rather than the bottom. Why? You ask. Well, short of reading the introduction*, let me offer the following observations: a) I browsed through some 28 versions of CSS (you may think there are only 4 or 5!) and found no reference to it b) it is a textual effect found in the wild. On the very same day that I set about to accomplish it (some weeks ago now), I asked my two kids to help me find examples. Within a few hours of shopping, talking and eating, we had found five examples: two signs on local stores, a spice bottle, and two novels. ** Real people top-align text! (I had planned to let the o in trampoline bounce upon the taut top of the word (ideally using SMIL), with the top adjusting to a curve formed by the deformation of the bounce -- but that will have to wait for some more primitive things to happen first!) So here's what I tried: write the text inside tspans (I also have a script elsewhere which takes any text and manufactures a tspan for each letter) and then, via script, adjust the dy associated with the letters based on their actual sizes. Questions: 1. Can you find any way to do this (short of fiddling numbers by hand)? (If we can just nudge up the p and the g, we'll have it!) 2. Why doesn't getBBox work with tspan in many browsers? (It does in IE and Opera, but the others are most unhappy). I used getExtentOfChar instead, but in doing so, it wasn't quite clear to me what getExtentOfChar does that getBBox doesn't. An equivalent question might be why do we even have getExtentOfChar? Observations: 0. This example is frought with a plethora of rather gnarly browser inconsistencies. 1. I tried reading the letters and rendering each inside its own text . Believe it or not, this didn't fix the browser inconsistencies! They were every bit as pronounced with text objects as with tspan, once I abandoned hope for getBBox in favor of getExtentOfChar. More detailed analysis can be reviewed at http://granite.sru.edu/~ddailey/svg/textmeasure.svg 2. Browser oddities: a. ASV(IE) -- comes closest to the desired effect --didn't like .getBBox() applied to a tspan -- didn't align p or g to the same top line as the others (presumably since they extend below the text baseline) b. Opera -- behaves much like ASV in its ability to top align most of the text --allows .getBBox() applied to a tspan but seems to return a value inherited from the parent text node (I suspect the spec doesn't say what to do-- since tspan may not be required to be measurable) -- doesn't allow text-decoration=overline to remain continuous above differently offset glyphs (I suspect this is a bug in Opera since all the others seem to remain continuous and continuous makes sense) --drawing rectangles around the letters fails (I suspect this is a bug in Opera since all the others seem to do what makes sense) --kerning between tspan fails (I suspect this is a bug in Opera since all the others seem to do what makes sense) c. Firefox --measures all characters as having the same getExtentOfChar (the problem is not corrected by using getBBox) (I suspect this is a bug in Firefox since ASV and Opera seem to do what makes sense) -- does not allow for text-decoration=overline (I suspect this is a bug in Firefox) d. Chrome -- does not vertically realign the characters -- measures them all the same (I suspect this is a bug in Chrome) -- styles text-decoration=overline with stroke-width of one, allowing red stroking of the font to be visible (I suspect this is a bug in Chrome) e. Safari -- appears to have the union of all problems found in all browsers and doesn't implement getExtentOfChar , returning values of zero. David (so how would this work in Action Script?) - *You may recall a couple of months ago, I was musing about how to make a copyleft symbol preserving perceptual and semantic accuracy as well as accessibility. What is the meaning of a circle with a line through it after all, and does that meaning differ as a function of what is put inside it? I'm convinced that the ones contained at Wikimedia Commons are wrong (on a bevy of levels), but barring the emergence of a canonical one, I've not mustered the courage to replace it. Anyhow, the exercise
Re: [svg-developers] SVGopen 2011: Any news regarding date/location?
Hi and Happy New Year, indeed! The organizing committee should be making an announcement within the next couple of weeks, I believe! Please stay tuned to this channel! cheers David - Original Message - From: meikelneu To: svg-developers@yahoogroups.com Sent: Monday, January 03, 2011 5:42 AM Subject: [svg-developers] SVGopen 2011: Any news regarding date/location? A very happy New Year to all of the SVG community! Has any of you information if choices for the date/location of this years's SVGopen conference have been narrowed down? Especially people in larger organizations or with intercontinental travel have to plan very early on in the year. -Michael [Non-text portions of this message have been removed] - To unsubscribe send a message to: svg-developers-unsubscr...@yahoogroups.com -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: svg-developers-dig...@yahoogroups.com svg-developers-fullfeatu...@yahoogroups.com * To unsubscribe from this group, send an email to: svg-developers-unsubscr...@yahoogroups.com * Your use of Yahoo! Groups is subject to: http://docs.yahoo.com/info/terms/
Re: [svg-developers] Graphics on path
With script it is pretty easy. See, for example: http://srufaculty.sru.edu/david.dailey/svg/curve.svg hope this helps David - Original Message - From: honyk To: svg-developers@yahoogroups.com Sent: Monday, January 03, 2011 2:57 PM Subject: [svg-developers] Graphics on path Hello Everyone, is there any way how to place some graphics on the path similarly as it is possible with the text? I've found 'markers' only, but they can be placed on start/mid/end of the path only. What I am trying to achieve is a scale on the parabolic-like curve. I can calculate path points, to render text on the path (individual values with the step of 10 degreees placed to the appropriate positions using the startOffset attribute in percents) so it is rotated according to the path, but unfortunately, I cannot use a similar way for rendering major/minor tick marks (to specify graphics with the orientation 'auto' and place it on the path using the startOffset attribute). I'll have to calculate these ticks manually which seems to me quite annoying (and in case of complex paths like my parabola-like curve also quite complex). I think it is pity something like this is not covered in the standard as the logic is already available for rendering the text on the path. I can imagine that markers could be generalized and not restricted to the predefined positions only... I can even imagine that this graphics on the path could be also have similar property to the text-anchor, which would specify rendering position... This graphics would be processed in the same way as the glyphs... And what could be also implemented that color properties could be optionally inherited from the defined (mother) path. (Because of this limitation the arrow color can be changed in Inkscape via extension only) But this is 'proposal' for the future. Any clue for now? Regards, Jan [Non-text portions of this message have been removed] - To unsubscribe send a message to: svg-developers-unsubscr...@yahoogroups.com -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: svg-developers-dig...@yahoogroups.com svg-developers-fullfeatu...@yahoogroups.com * To unsubscribe from this group, send an email to: svg-developers-unsubscr...@yahoogroups.com * Your use of Yahoo! Groups is subject to: http://docs.yahoo.com/info/terms/
Re: [svg-developers] Clipping the text on the closed path
Hi Jan, I tried your example in Windows in Opera, IE+ASV and Firefox 4beta and was able to see the 20 just fine in all three. I was able to replicate your problem. though in Chrome (which usually agrees with Safari). The SVG support in those first three is more mature and stable than in the webkit based browsers, so I would suspect it to be a bug in webkit rather than an oddity of SVG. Incidentally, one can draw a circle-like path with a bit less arithmetic by using the arc sub-command : path d= M 300,300 a 100 100 0 1 1 1 0 z fill=white stroke=black stroke-width=3 / cheers David - Original Message - From: honyk To: svg-developers@yahoogroups.com Sent: Monday, January 03, 2011 3:53 PM Subject: [svg-developers] Clipping the text on the closed path Hello Everyone, I am facing a clipping issue when placing text on the closed path (circle-like Bezier curve). http://skibob.dobruska.cz/other/data.svg When my text with the text-anchor set to the middle is placed at very beginning of the path, the first half of the text is clipped (the number 20 in the example above). So in these edge cases I am placing the same text to the 'end' of that path for sure again (using the same logic this text should have clipped the second half). But instead of composition of two halves of the same text I am getting unacceptable results in major browsers (except Firefox). Can my source be enhanced somehow? Btw, I am missing something like clipping='false' in the SVG standard ;-) I'd like to avoid placing these cases on a different path (with the beginning in another angle). Any hint is welcome. Regards, Jan [Non-text portions of this message have been removed] - To unsubscribe send a message to: svg-developers-unsubscr...@yahoogroups.com -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: svg-developers-dig...@yahoogroups.com svg-developers-fullfeatu...@yahoogroups.com * To unsubscribe from this group, send an email to: svg-developers-unsubscr...@yahoogroups.com * Your use of Yahoo! Groups is subject to: http://docs.yahoo.com/info/terms/
Re: [svg-developers] Re: anti-aliasing fill
Hi Kenneth, Using Opera, Safari, Firefox and IE+ASV in Windows, I don't see anything that I would not be willing to attribute to retinal effects caused by the close superimposition of red and blue (two mutually unfocusable colors according to one of my undergrad intro psych texts -- I don't recall the neurological explanation, but something to do with habituation of cones and over-excitation of bipolar cells being dampened by ganglion cells): namely the hint of a magenta afterimage just south of the border of the colors and the hint of a cyan afterimage just to the north, together with some waivering bands of horizontal movement I would attribute to saccadic movement and fixation. What I see is similar to the bitmaps at http://en.wikipedia.org/wiki/Flag_of_Haiti My Haitian sister says the colors ought to migrate a bit more (red towards magenta and blue toward purple)??? I don't know if official national designations of flag colors come in sRGB space or if they are registered with some hypothetical UN color space, or Pantone or whatever. Chris Lilley probably knows. But the antialiasing phenomenon you describe is not something I can see in my browsers. Maybe a screen shot would be worth sending? Or, there are lots of Mac users here who might be able to replicate what you're seeing. The SVG code you've written looks appropriate to me. good luck David - Original Message - From: Kenneth N To: svg-developers@yahoogroups.com Sent: Wednesday, December 29, 2010 6:40 PM Subject: [svg-developers] Re: anti-aliasing fill Please see: http://homepage.mac.com/nellisks/svg/flags/flag.haiti.svg The problem exhibits itself with the following browsers, among possibly others: . Mac/Opera 10.63 . Mac/Safari 4.1.3 . Mac/Firefox 3.6.12 . Mac/OmniWeb 5.10.3 Maybe it's a Mac thing? Haven't tried with non-Mac browsers. -Ken Nellis --- In svg-developers@yahoogroups.com, Holger Jeromin mailgm...@... wrote: Kenneth Nellis schrieb am 28.12.2010 22:26: In SVG renderings, where, for example, two non-rotated rectangles of solid but different colors abut, I see a single line of pixels at the border that I attribute, perhaps erroneously, to anti-aliasing. I wish to know what I can do to eliminate this artifact. I tried svg color-rendering=optimizeSpeed, but this had no effect in my two browsers (Mac/Safari 4.1.3 and Mac/Opera 10.63). Any ideas? Please provide an example. -- regards Holger [Non-text portions of this message have been removed] - To unsubscribe send a message to: svg-developers-unsubscr...@yahoogroups.com -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: svg-developers-dig...@yahoogroups.com svg-developers-fullfeatu...@yahoogroups.com * To unsubscribe from this group, send an email to: svg-developers-unsubscr...@yahoogroups.com * Your use of Yahoo! Groups is subject to: http://docs.yahoo.com/info/terms/
Re: [svg-developers] Introducing me and my SVG toy
Hi Chris, Well, you know me... I like people to be happy, and Ollie's toy is just very cool! David - Original Message - From: Chris Peto To: svg-developers@yahoogroups.com Sent: Monday, December 06, 2010 2:03 PM Subject: RE: [svg-developers] Introducing me and my SVG toy Hi, Well, that's kinda cheating if you ask us. :) Right, David? Cheers, Chris From: svg-developers@yahoogroups.com [mailto:svg-develop...@yahoogroups.com] On Behalf Of Oliver Boermans Sent: Montag, 6. Dezember 2010 14:01 To: svg-developers@yahoogroups.com Subject: [svg-developers] Introducing me and my SVG toy Greetings all, I’m a new subscriber to this list, a graphic designer and front end web developer from Adelaide (South Australia), and most relevantly a recent graduate of David Dailey and Phil Archer’s great introduction to SVG: http://www.w3techcourses.com/ For the final assignment David encouraged us to to make something to please ourselves with SVG. Which brings me to introduce BlotBot: http://blotbot.co Any feedback you might have regarding how I have put it together is very welcome. I still have a great deal to learn. Most importantly if you chance across any blots that make you smile I’d love a link! Interpretations are optional but fun :) Cheers Ollie @ollicle [Non-text portions of this message have been removed] [Non-text portions of this message have been removed] [Non-text portions of this message have been removed] - To unsubscribe send a message to: svg-developers-unsubscr...@yahoogroups.com -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: svg-developers-dig...@yahoogroups.com svg-developers-fullfeatu...@yahoogroups.com * To unsubscribe from this group, send an email to: svg-developers-unsubscr...@yahoogroups.com * Your use of Yahoo! Groups is subject to: http://docs.yahoo.com/info/terms/
Re: [svg-developers] Drawing the axes in dynamically generated SVG and placing text along them
Well, this draws a grid from 0% to 100% both horizontally and vertically. Don't know if it will be of help or not, but the code should be pretty easy to follow. cheers David - Original Message - From: Pranav Lal To: svg-developers@yahoogroups.com Sent: Sunday, December 05, 2010 8:23 PM Subject: [svg-developers] Drawing the axes in dynamically generated SVG and placing text along them Hi all, I am generating a SVG graph dynamically using Excel's chart object. Excel does not give me the coordinates for the axes so I need to add them manually. In addition, I need to place the text along the axes. If the creator of the chart has used data labels, then this is not a problem since I can use their left and top properties to do the positioning. However, if data labels are not used, I have not found any way to place the text since Excel does not expose this functionality. The same applies to placing text along the axes. What algorithm could I use to draw the axes? I can get the minimum and maximum value, in terms of coordinates of the axis so have tried drawing a polyline from the minimum to the maximum value but that has not helped. A sample graph is at http://dl.dropbox.com/u/3688386/d02.svg Pranav [Non-text portions of this message have been removed] - To unsubscribe send a message to: svg-developers-unsubscr...@yahoogroups.com -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: svg-developers-dig...@yahoogroups.com svg-developers-fullfeatu...@yahoogroups.com * To unsubscribe from this group, send an email to: svg-developers-unsubscr...@yahoogroups.com * Your use of Yahoo! Groups is subject to: http://docs.yahoo.com/info/terms/
Re: [svg-developers] US Map with US Census data
Hi Barend,
Thanks for the observations and grumbles! I was thinking of giving the
observer three choices:
(1)the one I've got now: a ratio of the region's value to the maximum
value on the scale, which in the case of some variables overly condenses
the chromatic range
(2) a measure which calibrates the value map according to a region's value
relative to min = light and max = dark
and
(3) one that merely rank orders the regions by value
The last would maximize visual discrimination of subtleties, while obscuring
quantitative magnitudes. I think (2) is probably what most maps do, so would
that make sense as a default presentation? It is sort of philosophically
between (1) and (3) .
Ultimately, I'd like the observer to be able to choose her own data spigot
from any URL on the web that presents a column of state-related data in
easily parseable form, or to meta-mine search data for queries like alabama
shoes through wyoming shoes from a search engine, to make the shell
infinitely extensible, but am trying to get permission from search providers
for such meta-mining.
I'll have to figure out a way to find the real estate for the title on
screens with funny aspect ratios.
A fun thing about this is how little server-side script there is, just ten
lines, and requiring just one linear pass of the dataset per user-chosen
variable -- that should, in theory, make it fast and extensible to very
large datasets. My understanding is that PHP caches a lot of the memory so
that reuse of the same data source may be optimized server-side:
?php
$f=/mydatafile;
$o=file($f);
$data=;
for ($i=0;$icount($o);$i++){
$line=explode(,,$o[$i]);
$data=$data.$line[$num].,;
}
echo $data;
?
best,
David
-
PS I'll need to learn a bit of an introduction to the cartographer's art and
science, since I suspect I'll be in over my head next semester. Tips like
this are sought!
- Original Message -
From: Barend Köbben kob...@itc.nl
To: svg-developers@yahoogroups.com
Sent: Tuesday, November 23, 2010 2:47 AM
Subject: Re: [svg-developers] US Map with US Census data
Nice.
cartographer grumble
don't use a value map (choropleth) for absolute values (data of
measurement level ratio),
Its perception properties makes for confused readers...
/cartographer grumble
:-) as an example of the power of SVG (for which I am sure it was meant), it
is of course excellent. Note that on a display with portrait ratio the map
is obscuring the title.
Yours,
--
Barend Köbben (Senior Lecturer)
ITC - University of Twente, Faculty of Geo-Information
Science and Earth Observation
PO Box 217, 7500AE Enschede (The Netherlands)
+31-(0)53 4874 253
From: ddailey ddai...@zoominternet.netmailto:ddai...@zoominternet.net
Reply-To:
svg-developers@yahoogroups.commailto:svg-developers@yahoogroups.com
svg-developers@yahoogroups.commailto:svg-developers@yahoogroups.com
Date: Sun, 21 Nov 2010 22:12:52 +0100
To: svg-developers@yahoogroups.commailto:svg-developers@yahoogroups.com
svg-developers@yahoogroups.commailto:svg-developers@yahoogroups.com
Subject: [svg-developers] US Map with US Census data
Here's a little something I cobbled together in the past couple of days.
http://granite.sru.edu/~ddailey/usmap.svg
It works in Opera, Firefox, Chrome and Safari, but not in ASV(IE). I've not
tested it in IE9, but would be interested to know if it works there.
I took a gnu-licensed SVG map from Wikimedia Commons and then wrote AJAX and
JavaScript and PHP to take data from the US Census bureau's 82 variable set,
shading the states accordingly. After a variable is chosen then you can
mouseover each state to see its numeric value on that variable.
Since it borrows from something with a GNU license I suppose you can't make
profit out of it, but feel free to improve and share!
cheers
David
[Non-text portions of this message have been removed]
Faculty of Geo-Information Science and Earth Observation (ITC)
University of Twente
Chamber of Commerce: 50130536
E-mail disclaimer
The information in this e-mail, including any attachments, is intended for
the addressee only. If you are not the intended recipient, you are hereby
notified that any disclosure, copying, distribution or action in relation to
the content of this information is strictly prohibited. If you have received
this e-mail by mistake, please delete the message and any attachment and
inform the sender by return e-mail. ITC accepts no liability for any error
or omission in the message content or for damage of any kind that may arise
as a result of e-mail transmission.
[Non-text portions of this message have been removed]
-
To unsubscribe send a message to: svg-developers-unsubscr...@yahoogroups.com
-or-
visit http://groups.yahoo.com/group/svg-developers and click edit my
membership
Yahoo! Groups Links
-
To unsubscribe send a message
[svg-developers] US Map with US Census data
Here's a little something I cobbled together in the past couple of days. http://granite.sru.edu/~ddailey/usmap.svg It works in Opera, Firefox, Chrome and Safari, but not in ASV(IE). I've not tested it in IE9, but would be interested to know if it works there. I took a gnu-licensed SVG map from Wikimedia Commons and then wrote AJAX and JavaScript and PHP to take data from the US Census bureau's 82 variable set, shading the states accordingly. After a variable is chosen then you can mouseover each state to see its numeric value on that variable. Since it borrows from something with a GNU license I suppose you can't make profit out of it, but feel free to improve and share! cheers David [Non-text portions of this message have been removed] - To unsubscribe send a message to: svg-developers-unsubscr...@yahoogroups.com -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: svg-developers-dig...@yahoogroups.com svg-developers-fullfeatu...@yahoogroups.com * To unsubscribe from this group, send an email to: svg-developers-unsubscr...@yahoogroups.com * Your use of Yahoo! Groups is subject to: http://docs.yahoo.com/info/terms/
Re: [svg-developers] Multi user SVG
I was going to say something about a felt need in the scientific community for something that allows collaborative drawing, until I saw the part about fun. Certainly the users should have the ability to introduce and launch flexible shapes (having personalities, behavior, velocities, accelerations and the like), and those shapes should modify one another as they come into contact. Your project does indeed sound fun! I'm thinking of something like Second Life meets Joan Miro, and without all the silly gravity. The physics should be Dali and Disney rather than Newton. cheers David - Original Message - From: Doc To: svg-developers@yahoogroups.com Cc: Felipe Sanches Sent: Wednesday, November 17, 2010 3:44 AM Subject: Re: [svg-developers] Multi user SVG This would need to be something where users know nothing in advance, and is a lot of fun. No higher reason should be required than what might be left over after consuming a case of beer as fast as one could. --Doc On 11/17/2010 12:35 AM, Felipe Sanches wrote: would it be something similar to the Inkscape whiteboard? On Wed, Nov 17, 2010 at 8:52 AM, Docdrc...@drclue.net wrote: Howdy all I've been contemplating the creation of a connected SVG presentation using webSockets and multiple users. I would be interested in hearing what ideas folks might have for a multi-user interactive SVG exhibit. I will provide the back end coding for whatever folks come up with. --Doc [Non-text portions of this message have been removed] - To unsubscribe send a message to: svg-developers-unsubscr...@yahoogroups.com -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: svg-developers-dig...@yahoogroups.com svg-developers-fullfeatu...@yahoogroups.com * To unsubscribe from this group, send an email to: svg-developers-unsubscr...@yahoogroups.com * Your use of Yahoo! Groups is subject to: http://docs.yahoo.com/info/terms/
Re: [svg-developers] SVG Fonts
Actually IE/ASV handles much arbitrary content inside a glyph see http://srufaculty.sru.edu/david.dailey/svg/gradientfont4.svg in which rotating gradients are assigned to shapes layed out as text along text paths to simulate non-linear gradients. And as you know, ASV handles your example as well (I quite like it BTW!). Whether the other browsers will ever implement SVG Fonts in light of the modern trend* to label as CSSn (for some large n2) everything in SVG except for path geometry, I guess is now in question. The other way to accomplish some of the non-rectiliinear patterning effects that you are experimenting with would be to use replicate as discussed here: http://srufaculty.sru.edu/david.dailey/svg/SVGOpen2010/replicate.htm . cheers, David * I think it to be just a passing fad; but then I am an optimist! - Original Message - From: Erik Dahlstrom To: svg-developers@yahoogroups.com Sent: Monday, November 15, 2010 8:44 AM Subject: Re: [svg-developers] SVG Fonts On Sun, 14 Nov 2010 14:46:27 +0100, scalablev s...@oyvindeid.com wrote: Looks like http://zuccaralloo.de/devgroup/samples/complexPaths.svg only displays as it should in ASV. Is this because native implementations don't support SVG Fonts? No, it's because most implementations haven't implemented support for anything else than the tiny subset of SVG Fonts, see http://www.w3.org/TR/SVGTiny12/fonts.html. Essentially what this means is that arbitrary svg markup inside a glyph element isn't supported, only glyph elements that have a 'd' attribute will be rendered. Try it in Opera or WebKit for example. Here's another example: http://www.treebuilder.de/default.asp?file=192928.xml. After some googling around, I understand that WOFF is the recommended alternative to SVG Fonts. Can I achieve the same with WOFF, i.e. custom symbols along paths? I need this for various elements in webmap applications. Well, WOFF couldn't do some of the things in that complexPaths example either, e.g using multiple colors in a glyph, or using strokes to define the glyph. Also at the time of writing I think you'll find that TTF fonts will get you a slightly broader range of support in browsers, unless you are specifically targetting the only the very latest browser releases. I don't think there's that much you could do with a WOFF font that you couldn't do with an SVG Font (even the svgtiny subset, or for that matter any other font format supported in browsers today TTF/OTF/EOT), at least if your goal is making symbols. Cheers /Erik -- Erik Dahlstrom, Core Technology Developer, Opera Software Co-Chair, W3C SVG Working Group Personal blog: http://my.opera.com/macdev_ed [Non-text portions of this message have been removed] - To unsubscribe send a message to: svg-developers-unsubscr...@yahoogroups.com -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: svg-developers-dig...@yahoogroups.com svg-developers-fullfeatu...@yahoogroups.com * To unsubscribe from this group, send an email to: svg-developers-unsubscr...@yahoogroups.com * Your use of Yahoo! Groups is subject to: http://docs.yahoo.com/info/terms/
Re: [svg-developers] Dynamically create g in svg
The example at http://srufaculty.sru.edu/david.dailey/svg/drag.svg may help.
There are objects of different complexity including clipPaths and groups that
are draggable. The clipPaths are working appropriately to my thinking in
Opera and IE/ASV but not in FF4b or WebKit (though I haven't tried the nightly
builds and can't recall if I already submitted bug reports or not). The other
object behave okay in all browsers I can easily test, so that should inform
about the dragging of groups
The key in groups is to get the currentTarget rather than the target of the evt.
cheers
David
- Original Message -
From: Mr Rauf
To: svg-developers@yahoogroups.com
Sent: Wednesday, November 10, 2010 5:52 AM
Subject: [svg-developers] Dynamically create g in svg
Hi
i want to move all the elements which are group together in the
following code but on draging only the specific element is moved..i am
nt able to move the all elements.. whereas i want to move the elements
in a group..! kindly tell me how to group the svg elements
dynamically...!
var far=document.getElementById(oo)
far.addEventListener(load, function (){
var svgDoc=far.contentDocument;
var svgRoot=svgDoc.documentElement;
document.getElementById(bar).onclick=function(){
var g =
svgDoc.createElementNS(http://www.w3.org/2000/svg;, g);
g.setAttribute('id', 'group');
g.setAttribute('shape-rendering', 'inherit');
g.setAttribute('pointer-events', 'all');
var use =
svgDoc.createElementNS(http://www.w3.org/2000/svg;, use)
use.setAttributeNS(http://www.w3.org/1999/xlink;,
xlink:href, #group)
use.setAttributeNS(null,id, u)
svgRoot.appendChild(use)
var
create_bar=svgDoc.createElementNS(http://www.w3.org/2000/svg;, rect)
create_bar.setAttribute(id, r_bar)
create_bar.setAttribute(fill, cream)
create_bar.setAttribute(x, 300px)
create_bar.setAttribute(y, 50px)
create_bar.setAttribute(width, 100px)
create_bar.setAttribute(height, 30px)
create_bar.setAttribute(pointer-events, inherit)
g.appendChild(create_bar)
var cir =
svgDoc.createElementNS(http://www.w3.org/2000/svg;, circle);
cir.setAttribute( id,cir)
cir.setAttribute( cx,320px)
cir.setAttribute( cy,65px)
cir.setAttribute( r,10px)
cir.setAttribute('fill', 'red')
cir.setAttribute('pointer-events', 'inherit')
g.appendChild(cir)
svgRoot.appendChild(g)
}
var btn_id=document.getElementById('bar2')
btn_id.onclick=function()
{
var a=svgDoc.getElementById('r_bar')
var b=svgDoc.getElementById('group')
var c=svgDoc.getElementById('cir')
var d=svgDoc.getElementById('u')
alert(a.id+..+b.id+..+c.id+..+d.id)
}
},false)
[Non-text portions of this message have been removed]
[Non-text portions of this message have been removed]
-
To unsubscribe send a message to: svg-developers-unsubscr...@yahoogroups.com
-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:
svg-developers-dig...@yahoogroups.com
svg-developers-fullfeatu...@yahoogroups.com
* To unsubscribe from this group, send an email to:
svg-developers-unsubscr...@yahoogroups.com
* Your use of Yahoo! Groups is subject to:
http://docs.yahoo.com/info/terms/
Re: [svg-developers] canonical expressions -- part 2: A challenge: accessbility and symbols of the public domain (wikipedia)
Challenge: come up with better symbols for signifying public domain or copyright free. Begin here http://granite.sru.edu/~ddailey/svg/pd3.svg . Look at the source code and then see what you think. I'll get back to that example toward the end of this message. As a bit of searching in Google Images*, Wikipedia and Wikimedia Commons will reveal, there are several symbols meant to depict the concepts of copyright free or public domain or copyleft. Not only do these concepts have slightly different nuances of meaning, but the symbols have a many-to-many relationship with the concepts. And furthermore, the symbols have differential levels of accessibity, depending on for whom we define making allowing or enabling to be accessible. And, many of the symbols, while looking alike, have very different underlying file structure. Following a recent visit to openclipart.org** I was rather prepared for what Jeff Schiller calls cruft when I saw the earlier image at http://commons.wikimedia.org/wiki/File:Publicdomain.svg as described there.I did the following [Hand edited to remove sodipodi and inkscape references, remove unused gradients, remove unused styles, replaced duplicated paths by use elements, simplified complex cubic beziers as simple arc subcommands; used integer arithmetic. Replaced complex arcs by circles. New file is 18 (lkb) lines of code -- old file was 144 lines (5kb). New file should have better semantics for re-editing basic objects.] Well 18 lines and 895 bytes defintely seems better than 5 kilobytes of code. But is the new code more accessible? Well, I think it is, but how can I tell for sure? How does one come up with the best expression for such a simple figure? Look inside the two figures and you'll see several questions that pose themselves: is it better to use use? does striking all the sodipodi stuff erase some of the artist's brushstrokes?*** are two paths with one rotating the other better than one that has twice as coordinates listed? doesn't it make more sense to let color be inherited from the group rather than individually defined for each path? what about the optical illusion of the letters pd for public domain? Should that be made semantic in our markup? I confess it took me a while of fidding to replace all those cubic beziers from Inkscape by the canonical arc-equivalents. But I figure that the seven coordinates (or so) that I used, instead of sixty or so in the original path ought to make the content more accessible to future analysists if anyone ever wants to modify it! Next question (and maybe more important): Take a look at http://granite.sru.edu/~ddailey/svg/pd3.svg The image on the left is one of the current images served by wikimedia as the symbol for copyright free.[2] Perhaps it is based on [3] . Perhaps the metadata associated with the file should show its ancestry? The file history shows some well-deserved attempt to rid the file of unneeded complexity and cruft. The current image (in its eleventh incarnation on wikipedia). It consists of four circles and three rectangles. One of the rectangles looks like it has been added merely to carve out a portion of a circle to make it look like a c. This doesn't seem very accessible. So in my quick attempt, I put a c in the middle of the circle. I defined the circle as not two circles but one. I defined the rectangle as not two but one, and I defined the C as not two circles and a rectangle, but as a c. I also made a stab at adding title and desc tags to describe the why and what of the file. So here is the challenge: can we come up with a better version of the symbol that what is there right now? Can we come up with one we will all agree is better? What I don't like about my attempt is that the C is dependent upon system fonts??? Changing from sans-serif to arial makes a huge difference in some browsers! Should the circle be one circle or two? Should the circle really be carved by a clipPath consisting of two arcs or should it be a circle with a line (rect) that crosses it? I chose a crossing line but was not convinced this was right. I stretched the C horizontally to make it appear to conform to the circle outside. Circles would have conformed better! What is the canonical title and desc information to go with the proper file? What is the proper way to refer to this discussion thread should we ever agree on my desire to replace the four circles and three rects cheers David *I discovered to my great dismay that Ditto.com, as of about 6 months ago, no longer exists[1]. Their lawsuit paved the way for Google images which followed almost to the day the initial ruling in favor of Ditto.com. **After spending a bit of time reminding myself of why I (wearing various hats that I do) don't use more images from http://www.openclipart.org/ , I wrote a bit of script to help me find the relevant path objects (amidst gradients and filters that are never used
Re: [svg-developers] canonical expressions -- part 3: more efficient ways of packing text into rectangles
The concept of how best to write something got me wondering about the following. Using an alphabet or a syllabary (like most of the languages of the world excepting Chinese, Japanese, Mayan, and a few hundred others) how much space does it take to convey our meaning.* Here's the question: if we relax the rules of English orthography just a bit, so that instead of writing from left to write, we write from left to right, or downward, or inward (by allowing glyphs to be inside one another) , can we write legibly in less space? http://granite.sru.edu/~ddailey/svg/canonical.svg This link shows a way of packing letters into a space under the relaxed rules of right-or-down-or-inside. If we confine legibility by some empirically defined threshold on the minimum size of a glyph, then if we allow physics to constrain the two dimensional placement of our glyphs, subject to rotation scaling and translation, to pack tightly, then can we find ways of expressing English (or another language using some alphabet) using less space than by writing simply unidirectionally? Vincent Hardy's work with cameras at http://svg-wow.org/blog/2010/08/14/camera/ reinforces this idea that writing need not be unidirectional. And from many languages we know that it need not be. By what grammar might we guide the maximization of our expressiveness per unit of space and time? cheers David * As a kid I subscribed to Quino Lingo and observed that English took up far less room, on average, that French, Spanish, Italian, Russian, German, Latin or Basque. I studied Navajo as a big kid and can testify that it takes up *room* to write it, though not so extravagantly as most languages. Chinese seems to be quite effective. - Original Message - From: ddailey To: svg-developers@yahoogroups.com Sent: Sunday, November 07, 2010 11:31 PM Subject: Re: [svg-developers] canonical expressions -- part 2: A challenge: accessbility and symbols of the public domain (wikipedia) Challenge: come up with better symbols for signifying public domain or copyright free. Begin here http://granite.sru.edu/~ddailey/svg/pd3.svg . Look at the source code and then see what you think. I'll get back to that example toward the end of this message. As a bit of searching in Google Images*, Wikipedia and Wikimedia Commons will reveal, there are several symbols meant to depict the concepts of copyright free or public domain or copyleft. Not only do these concepts have slightly different nuances of meaning, but the symbols have a many-to-many relationship with the concepts. And furthermore, the symbols have differential levels of accessibity, depending on for whom we define making allowing or enabling to be accessible. And, many of the symbols, while looking alike, have very different underlying file structure. Following a recent visit to openclipart.org** I was rather prepared for what Jeff Schiller calls cruft when I saw the earlier image at http://commons.wikimedia.org/wiki/File:Publicdomain.svg as described there.I did the following [Hand edited to remove sodipodi and inkscape references, remove unused gradients, remove unused styles, replaced duplicated paths by use elements, simplified complex cubic beziers as simple arc subcommands; used integer arithmetic. Replaced complex arcs by circles. New file is 18 (lkb) lines of code -- old file was 144 lines (5kb). New file should have better semantics for re-editing basic objects.] Well 18 lines and 895 bytes defintely seems better than 5 kilobytes of code. But is the new code more accessible? Well, I think it is, but how can I tell for sure? How does one come up with the best expression for such a simple figure? Look inside the two figures and you'll see several questions that pose themselves: is it better to use use? does striking all the sodipodi stuff erase some of the artist's brushstrokes?*** are two paths with one rotating the other better than one that has twice as coordinates listed? doesn't it make more sense to let color be inherited from the group rather than individually defined for each path? what about the optical illusion of the letters pd for public domain? Should that be made semantic in our markup? I confess it took me a while of fidding to replace all those cubic beziers from Inkscape by the canonical arc-equivalents. But I figure that the seven coordinates (or so) that I used, instead of sixty or so in the original path ought to make the content more accessible to future analysists if anyone ever wants to modify it! Next question (and maybe more important): Take a look at http://granite.sru.edu/~ddailey/svg/pd3.svg The image on the left is one of the current images served by wikimedia as the symbol for copyright free.[2] Perhaps it is based on [3] . Perhaps the metadata associated with the file should show its ancestry? The file history shows some well-deserved attempt to rid
Re: [svg-developers] A less known side of SVG
Thanks JC,
The page renders very nicely in Opera as well.
I had looked at this link before when you answered a question I asked here
about displaying Unicode in SVG, and have a note to myself to study it more
carefully when time lets me. But it is good to share and recast that
information more broadly since I suspect I am not alone in my naivete.
I wonder if your methods could be applied to the Wikipedia entry at
http://en.wikipedia.org/wiki/Sinhala_language to make the characters there
display properly.
I have some students working on a browser-based font-design engine and have
been interested in a sort of grammar of the geometry of non-western fonts: is
there, for example, a class of sub-glyphs that can predict the way an
orthography's characters are formed? The Roman alphabet seems to be
characterizable by a very few graphical primitives { | , /, \ , o, c, - and
hump*) glued together, so that its graphemic primitive set would tend to
suggest a fairly rectilinear font designer (which indeed is the case,
apparently, for the two major font design products on the market). My sense is
that, for other alphabets, syllabaries and logographies, the geometry of font
design is in many cases likely to be very non-rectilinear. My completely
ignorant view of Sinhala** and my recent quick lesson in Arabic*** from a
colleague would tend to confirm this suspicion.
cheers
David
* hump = ( n - | ) = ( u - | ) and m = ( 2*hump + | )
**I have had some Sinhala speaking students over the years, and recall finding
out that its way of doing children's Pig Latin, like Argentinian Spanish, is
very different from English. A contrastive study of multilingual Pig Latin
would be great fun to read!
***Arabic seems to have some fascinating relaxations of geometry based on
context -- the sort of things that in the acoustic realm are called
morphophonemic conditioning. (Is there such a thing as morphographemic
conditioning?) Baseline and kerning rules are often suspended and the
permissible deviations from linearity are quite striking.
- Original Message -
From: JC Ahangama
To: svg-developers@yahoogroups.com
Sent: Friday, November 05, 2010 11:20 PM
Subject: [svg-developers] A less known side of SVG
There is a great utility SVG provides for a fifth of the population of the
planet (if they care to use it). It is not magical graphics but OpenType
feature support. It resurrects Indic Complex Scripts from the hole they fell
into due to complexities of Unicode.
The following is a link to a (sample) WordPress blog written entirely in
transliterated Sinhala displayed using a downloadable smartfont that shows
the transliteration back in the Sinhala script. (Copy the text and paste it
to Notepad to understand)
Use Firefox, Safari, Lunascape or Google Arora:
http://www.ahangama.com/
The pages depend on support for @font-family to download a WOFF font and the
'text-rendering' instruction.
Sinhala is the language spoken in Sri Lanka. It is an Indic language like
Devanagari.
JC
[Non-text portions of this message have been removed]
[Non-text portions of this message have been removed]
-
To unsubscribe send a message to: svg-developers-unsubscr...@yahoogroups.com
-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:
svg-developers-dig...@yahoogroups.com
svg-developers-fullfeatu...@yahoogroups.com
* To unsubscribe from this group, send an email to:
svg-developers-unsubscr...@yahoogroups.com
* Your use of Yahoo! Groups is subject to:
http://docs.yahoo.com/info/terms/
Re: [svg-developers] SVG vs. Canvas
Hi Patrick, Your presentation looked good to me. I think I'll ask all my students to take a look too as the basic differences between the two are a bit tricky to understand and I think you nailed it quite well. I found some of the text examples early in the talk hard to read on my relatively small monitor, but it didn't matter too much. About 3/4 of the way through the talk I found myself tempted to disagree with something about animation, but then the urge passed. Whew! I think that interactivity with the user may not be SVG's only advantage over canvas, but sometimes it is just easier to have things in the DOM for purposes of weaving in and out. Suppose for example that we've drawn a complex scene with lots of pillars running parallel to a porch (or telephone poles next to train tracks), and receding into the distance, as if replicated. If Wiley Coyote is going to be zig-zagging in and out of the pillars as he approaches the camera, it is far easier to rely on the DOM to manage the stacking order and occlusions associated with the animation (at least for Mom and Pop illustrators) than to ask someone to manage all that through JavaScript (or even fancy libraries of JavaScript). SVG just does so much of our work for us that it frees us to do design rather than programming -- at least in theory! I think if Walt Disney had a choice of SVG or Canvas in making Sleeping Beauty, SVG would have been the choice, even if the audience couldn't interact with the forest animals! The developer's predispostion, as you point out, has something to do with how she will approach problems and a lot of programmers will gravitate naturally toward Canvas since it is familiar. The mind set associated with SVG is very web-like and, like HTML, declarative. One abandons a lot of the control that a programmer might wish to have over customized anti-aliasing, kerning, timing and the like. In the meantime SVG is in sort of a funny area: too much DOM and programming for the straight artsy types and not enough control for the hardware lovers. Thanks for the link! cheers David (PS, I tried installing Windows 7 on the second machine in my office -- too afraid to try it on my mission critical machine -- just to start using IE9, but the darn thing wouldn't let me... have you all announced a release date yet for when it emerges out of beta?) - Original Message - From: patrickdengler To: svg-developers@yahoogroups.com Sent: Friday, October 29, 2010 8:50 AM Subject: [svg-developers] SVG vs. Canvas Hi everyone, I did a talk on SVG vs. Canvas. I want to grow this talk over the next 6 months. Please feel free to leave me feedback about it (and don't for get to mark it as like!) http://player.microsoftpdc.com/Session/6b113af7-ba3e-44ae-bf8c-1f394029cc18 [Non-text portions of this message have been removed] - To unsubscribe send a message to: svg-developers-unsubscr...@yahoogroups.com -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: svg-developers-dig...@yahoogroups.com svg-developers-fullfeatu...@yahoogroups.com * To unsubscribe from this group, send an email to: svg-developers-unsubscr...@yahoogroups.com * Your use of Yahoo! Groups is subject to: http://docs.yahoo.com/info/terms/
[svg-developers] highway construction
In this example: http://srufaculty.sru.edu/david.dailey/svg/notknot2.svg I see the following results: IE/ASV and FF4 agree with me about the timing... Opera seems to synchronize the declarative animation differently between the application of the mask and the vehicles... Safari and Chrome do not seem to activate the animation of the mask. Background story can be seen here: http://srufaculty.sru.edu/david.dailey/svg/knots.html, it leads into the above experiment and to some of the following concerns: Let's limit our consideration to the FF4 and IE+ASV version (since they did what I intended -- not that that is right of course -- I think one could simply change the timing and make it work in Opera instead) 1. I was pleased to be able to simulate a knot using a single path, since the semantics makes sense. My previous forays into the subject (at above link) had various problems associated with both semantics and the size of the DOM. I was also pleased with how a couple of simple re-uses of that path (like some of the vector effects techniques I suppose) suffice to simulate a fill and a texture to the road. 2. The blue car goes under the underpass and over the overpass as it should, though the red car doesn't. This is due to a trick: I gave the bridge magical properties and put the car under its spell. Specifically, the car has a mask applied (as a sort of inverse clipPath -- Doug Schepers says he's opened a WG issue on the issue of inverse clipPaths) based on a subpath* of the road and the mask animates between white and black in a way planned to synchronize with the car's approach to the bridge. The bridge doesn't know that the car is approaching**, it is just synchronized through a common time interval on the SMIL loop. The red car is under the same influence of the mask, but the mask has not been programmed for the red car's arrival. 3. Can anyone think of an easier way to do this? What if the cars are all moving at different speeds that have perhaps been randomized? 4. One could build the road as a series of segments and then have the car leap from segment to segment, and change its stacking order within the DOM as it goes -- but that would be rather script heavy, semantically inaccessible and distinctly inelegant. 5. Is Opera or FF and ASV right on the timing? I hope for the latter simply since I don't want to have to rethink my bridges. cheers David * One can think of subpaths as unioned into a superpath. Vector effects in SVG 1.2 covers a part of this. ** Though it might be nice to be able to determine that without have to calculate it through script or paper and pencil but to expose the animated values. [Non-text portions of this message have been removed] - To unsubscribe send a message to: svg-developers-unsubscr...@yahoogroups.com -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: svg-developers-dig...@yahoogroups.com svg-developers-fullfeatu...@yahoogroups.com * To unsubscribe from this group, send an email to: svg-developers-unsubscr...@yahoogroups.com * Your use of Yahoo! Groups is subject to: http://docs.yahoo.com/info/terms/
Re: [svg-developers] Re: setting an event handler
Thanks Jeff.
Yes, it looks as though evt is automatically assumed as the argument in all the
browsers I've seen! Thanks, it's only three keystrokes longer than the other
way.
cheers
David
- Original Message -
From: jeff_schiller
To: svg-developers@yahoogroups.com
Sent: Sunday, October 24, 2010 12:26 PM
Subject: [svg-developers] Re: setting an event handler
--- In svg-developers@yahoogroups.com, ddailey ddai...@... wrote:
Hi folks,
I've always used something like
O.setAttribute(onclick,add(evt))
to attach an event handler in SVG. But someone told me recently that
O.addEventListener(click, function(evt){add(evt)}, false)
O.addEventListener(click, add, false)
should work just fine. Is there a browser where it doesn't? I don't see any
advantage to wrapping that function call in another function.
The third argument specifies whether you want to handle the event during the
bubble or the capture phase (not possible using the onclick attribute).
Another advantage to using addEventListener is that multiple handlers for the
same event can be added.
Regards,
Jeff
[Non-text portions of this message have been removed]
-
To unsubscribe send a message to: svg-developers-unsubscr...@yahoogroups.com
-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:
svg-developers-dig...@yahoogroups.com
svg-developers-fullfeatu...@yahoogroups.com
* To unsubscribe from this group, send an email to:
svg-developers-unsubscr...@yahoogroups.com
* Your use of Yahoo! Groups is subject to:
http://docs.yahoo.com/info/terms/
Re: [svg-developers] Re: setting an event handler
thanks Holger,
Just to make sure I understand, ... naming the function add( ) was just a
coincidence since I was using it to add content to the SVG DOM. Would your
comments be just as valid if I would have used
O.setAttribute(onclick, silly(evt) ) ?
If I clone a node, and then use (O.getAttribute(onclick)) I'm assuming the
property or pseudo-property is still there to be interrogated even if I have
used addEventListener?
cheers
David
- Original Message -
From: Holger Jeromin
To: svg-developers@yahoogroups.com
Sent: Sunday, October 24, 2010 10:51 AM
Subject: [svg-developers] Re: setting an event handler
ddailey schrieb am 23.10.2010 18:29:
I've always used something like
O.setAttribute(onclick,add(evt))
to attach an event handler in SVG. But someone told me recently that
O.addEventListener(click, function(evt){add(evt)}, false)
is actually preferrable. (The person who told me this obviously has
young fingers!)
Well, why might that be? I have yet to see an example that fails to
an add(evt) is an eval(add(evt))
eval is considered evil :)
This cannot be accelerated with the modern JIT Javascript optimisation
in the Browsers.
--
best regards
Holger
[Non-text portions of this message have been removed]
-
To unsubscribe send a message to: svg-developers-unsubscr...@yahoogroups.com
-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:
svg-developers-dig...@yahoogroups.com
svg-developers-fullfeatu...@yahoogroups.com
* To unsubscribe from this group, send an email to:
svg-developers-unsubscr...@yahoogroups.com
* Your use of Yahoo! Groups is subject to:
http://docs.yahoo.com/info/terms/
[svg-developers] getTotalLength and getPointAtLength
Two quick and easy questions: 1. Where in the SVG 1.1 spec are these two topics (getTotalLength and getPointAtLength) discussed. I tried searching and couldn't find 'em. 2. If a path is subjected to a transform then do these methods reflect the path before or after the transform? ASV says after but the others all seem to say before. After would seem to make more sense, but given that all the other blokes say before, there must have been a reason. cheers David [Non-text portions of this message have been removed] - To unsubscribe send a message to: svg-developers-unsubscr...@yahoogroups.com -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: svg-developers-dig...@yahoogroups.com svg-developers-fullfeatu...@yahoogroups.com * To unsubscribe from this group, send an email to: svg-developers-unsubscr...@yahoogroups.com * Your use of Yahoo! Groups is subject to: http://docs.yahoo.com/info/terms/
[svg-developers] setting an event handler
Hi folks,
I've always used something like
O.setAttribute(onclick,add(evt))
to attach an event handler in SVG. But someone told me recently that
O.addEventListener(click, function(evt){add(evt)}, false)
is actually preferrable. (The person who told me this obviously has young
fingers!)
Well, why might that be? I have yet to see an example that fails to run in any
browser or hand-held device because of using the simpler construction, but then
I have seen only a finite number of examples. I know the simpler example will
not work in HTML but I always assumed thie was because of the dysfunctional
nature of HTML.;)
Why are the extra keystrokes preferred, and by whom are the preferred? (Is the
preference merely a function of the age of one's fingers?)
cheers
David
[Non-text portions of this message have been removed]
-
To unsubscribe send a message to: svg-developers-unsubscr...@yahoogroups.com
-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:
svg-developers-dig...@yahoogroups.com
svg-developers-fullfeatu...@yahoogroups.com
* To unsubscribe from this group, send an email to:
svg-developers-unsubscr...@yahoogroups.com
* Your use of Yahoo! Groups is subject to:
http://docs.yahoo.com/info/terms/
[svg-developers] Unicode and SVG
Hi folks, I'm currently teaching a course with a lot of international students and a few have complained about not being able to get special characters (as with umlauts and the like) to display well in SVG. I haven't played with the issue much, though we've seen fairly sizable variation in support for various font-families as a function of: operating systems browsers the fonts chosen whether or not the fonts are installed on the system (and how the browsers react when they aren't) even when the font-families are intentionally generic. Some of the oddities observed in the screen shot comparisons at http://www.w3.org/Graphics/SVG/IG/resources/svgprimer.html#text from 4-5 years ago, alas, still persist, even with so many more browsers now competing. So my questions: 1. Any generic advice you might have about how best to make non-English and especially Unicode character sets display consistently across browers in SVG? 2. Do you know of any nice essays on the subject, that I could point folks toward? cheers David [Non-text portions of this message have been removed] - To unsubscribe send a message to: svg-developers-unsubscr...@yahoogroups.com -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: svg-developers-dig...@yahoogroups.com svg-developers-fullfeatu...@yahoogroups.com * To unsubscribe from this group, send an email to: svg-developers-unsubscr...@yahoogroups.com * Your use of Yahoo! Groups is subject to: http://docs.yahoo.com/info/terms/
Re: [svg-developers] How to convert svg rect to path
Well, it's not real easy to explain but I'd suggest reading the parts of the C and A subcommands of path at http://www.w3.org/Graphics/SVG/IG/resources/svgprimer.html#path The inkscape code seems to be an approximation to what it really is. What I think a rounded rect really is a path that moves linearly to the right sorta like this M 10,0 L 90 0 and then it arcs down to the right and ending up at 100, 10 sorta like this A 10 10 0 0 1 100 10 and then it repeats that for each of the four rounded corners. I've used integers instead of crazy-bignums since finite integers have such a nice feel to them Here's something that turns the first two corners for you: svg xmlns=http://www.w3.org/2000/svg; xmlns:xlink=http://www.w3.org/1999/xlink; width=100% height=100% viewBox=-10 -10 200 200 path d=M 10,0 L 90 0 A 10 10 0 0 1 100 10 L 100 90 A 10 10 0 0 1 90 100 stroke=red stroke-width=4/ /svg Draw it out on graph paper and you should be able to see what's going on. The Inkscape code seems to use the fact that cubic beziers are pretty good approximations to most curves including elliptical arcs. But since path already owns elliptical arcs, why do it that way when you can do it a better and easier way? The only hassle with elliptical arcs is that there are a few different ones between two given points as the illustration in the book points out. hope this helps David - Original Message - From: fi...@rocketmail.com To: svg-developers@yahoogroups.com Sent: Wednesday, October 20, 2010 7:46 AM Subject: [svg-developers] How to convert svg rect to path Anybody can help me with svg rect convertion to svg path? I need know the steps to convert rect parameters to path commands. Example, I have: rect: height 2.8569181 width 90.898613 x 20.280216 y 838.27399 rx 0.9670065 ry 1.2499017 Inkscape make this: m 21.247223,838.27399 88.964597,0 c 0.53572,0 0.96701,0.55745 0.96701,1.2499 l 0,0.35711 c 0,0.69245 -0.43129,1.2499 -0.96701,1.2499 l -88.964597,0 c -0.535722,0 -0.967007,-0.55745 -0.967007,-1.2499 l 0,-0.35711 c 0,-0.69245 0.431285,-1.2499 0.967007,-1.2499 z My problem is with c command control points. Best regards. [Non-text portions of this message have been removed] - To unsubscribe send a message to: svg-developers-unsubscr...@yahoogroups.com -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: svg-developers-dig...@yahoogroups.com svg-developers-fullfeatu...@yahoogroups.com * To unsubscribe from this group, send an email to: svg-developers-unsubscr...@yahoogroups.com * Your use of Yahoo! Groups is subject to: http://docs.yahoo.com/info/terms/
Re: [svg-developers] explaining setAttribute, setAttributeNS and carburetors
Jacob, Doug and Wade, Thanks for your assistance here. It definitely helps! regards David - Original Message - From: Jacob Beard To: svg-developers Sent: Sunday, October 17, 2010 3:59 AM Subject: Re: [svg-developers] explaining setAttribute, setAttributeNS and carburetors On Sun, Oct 17, 2010 at 6:48 AM, Doug Schepers d...@schepers.cc wrote: But in this case, the only thing to know there is that (for whatever reason) attributes are generally in the 'null' namespace (*not* in the SVG or HTML or whatever host-language namespace). I recommend teaching setAttribute for normal attributes, and setAttributeNS only for xlink:href. The DOM Level 2 Core spec has something to say about mixing namespace-aware DOM methods with non-namespace-aware DOM methods: Note: DOM Level 1 methods are namespace ignorant. Therefore, while it is safe to use these methods when not dealing with namespaces, using them and the new ones at the same time should be avoided. DOM Level 1 methods solely identify attribute nodes by their nodeName. On the contrary, the DOM Level 2 methods related to namespaces, identify attribute nodes by their namespaceURI and localName. Because of this fundamental difference, mixing both sets of methods can lead to unpredictable results. In particular, using setAttributeNS, an element may have two attributes (or more) that have the same nodeName, but different namespaceURIs. Calling getAttribute with that nodeName could then return any of those attributes. The result depends on the implementation. Similarly, using setAttributeNode, one can set two attributes (or more) that have different nodeNames but the same prefix and namespaceURI. In this case getAttributeNodeNS will return either attribute, in an implementation dependent manner. The only guarantee in such cases is that all methods that access a named item by its nodeName will access the same item, and all methods which access a node by its URI and local name will access the same node. For instance, setAttribute and setAttributeNS affect the node that getAttribute and getAttributeNS, respectively, return. http://www.w3.org/TR/DOM-Level-2-Core/core.html So, it seems like if you're strictly following the spec, mixing setAttribute and setAttributeNS might not be the best idea, as it may lead to inconsistent results across implementations. In practice, I very rarely use the non-namespaced versions (only when I need to do a bit of HTML DOM scripting in IE), so this may work just fine. Best, Jake [Non-text portions of this message have been removed] - To unsubscribe send a message to: svg-developers-unsubscr...@yahoogroups.com -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: svg-developers-dig...@yahoogroups.com svg-developers-fullfeatu...@yahoogroups.com * To unsubscribe from this group, send an email to: svg-developers-unsubscr...@yahoogroups.com * Your use of Yahoo! Groups is subject to: http://docs.yahoo.com/info/terms/
[svg-developers] explaining setAttribute, setAttributeNS and carburetors
I don't really understand carburetors, but I have a vague idea that they control the richness of the fuel mixture so as to calibrate the rate of combustion in the engine -- for me, the following issue is similar. Perhaps you can help. I'm trying to explain how to do a wee bit of DOM scripting to those who don't necessarily have any programming background, let alone DOM scripting in SVG. I generally get around the topic on my own, okay, without really understanding some of the more esoteric subjects like DOCTYPE and namespaces and so forth -- I just do what people tell me to and it usually works. In truth, I consider all such things to be incantations required for me to pay homage to the systems gurus who have figured out how to glue all the pieces together. They are like taxes, and it is generally not crucial that I understand them so long as I do what is required. On the other hand, once every so often I find myself having to explain things to others. And it is at these times that I find myself thinking that perhaps I should understand such myseries (did I forget a t in the last word? oops) a bit deeper than I do. Hence the following question: I know that R.setAttributeNS(null,fill, red)is the proper construction (for SVG but not HTML), rather than R.setAttribute(fill, red)I also know that in every SVG viewer I have seen, the latter has equivalent behavior to the former (for SVG but not HTML), . I think I was told once that the SVG spec (or maybe it is the XML spec, or one or another DOM spec), for some mysterious reason, leaves room for some future browser manufacturer to make a browser in which the latter construction wouldn't work. So, as per my oversimplified understanding, we use the more arcane construction (and its extra seven keystrokes and the extra 80,000 neural synapses) in anticipation of such a possible future. I truly don't rue the seven keystrokes, as much as all the norepinephrine, seratonin and the like. So as I say, it is not important that I understand it. There may be, already, a shortage of norepinephrine which would preclude me from ever understanding it. But what words might I use to explain this oddity to others? If I happen to understand your explanation that will be a serendipitous but unexpected side-effect! cheers David - To unsubscribe send a message to: svg-developers-unsubscr...@yahoogroups.com -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: svg-developers-dig...@yahoogroups.com svg-developers-fullfeatu...@yahoogroups.com * To unsubscribe from this group, send an email to: svg-developers-unsubscr...@yahoogroups.com * Your use of Yahoo! Groups is subject to: http://docs.yahoo.com/info/terms/
Re: [svg-developers] Re: fun but buggy -- gears
Cool, Bruce! It almost seems paradoxical in the way it moves, reminding me a bit of those wooden winding toys. Seems like we'll need a machinery collection somewhere now. Would you mind if I stuck this example (with credit, of course) on a page somewhere? It would be fun to build little components and then let people hook them together sorta like the motors in Phun (http://www.phunland.com/wiki/Home ) BTW the animation of the top thing could save the poor browser a bit of work using animateTransform attributeName=transform attributeType=XML type=rotate from=0 to=60 begin=0s dur=4s repeatCount=indefinite / because of the sixfold symmetry. It seems like the browser might be happier having to only manage 4 seconds of animation (and then having that delightful instant of taking a breath) instead of 24 before starting over. The Reuleaux triangle (http://en.wikipedia.org/wiki/Reuleaux_triangle ) would be another instance. (Someone really should start lacing Wikipedia with SVG animation since the particular animation there is thoroughly icky. Starting with the entry on SVG would be a good start.) It is a good example of why re-inventing the wheel is sometimes a good planetary exercise: sometimes people get too stubborn. cheers David - Original Message - From: bruce To: svg-developers@yahoogroups.com Sent: Wednesday, October 13, 2010 3:08 PM Subject: [svg-developers] Re: fun but buggy -- gears David These are interesting examples. I will add another: ?xml version=1.0 standalone=no? svg width=100% height=100% viewBox=-100 -150 200 300 xmlns=http://www.w3.org/2000/svg; g animateTransform attributeName=transform attributeType=XML type=rotate from=0 to=360 begin=0s dur=24s repeatCount=indefinite / circle cx=0 cy=0 r=100 fill=blue / rect x=-10 y=-100 width=20 height=200 fill=gray / rect x=-10 y=-100 width=20 height=200 fill=gray transform=rotate(60)/ rect x=-10 y=-100 width=20 height=200 fill=gray transform=rotate(120)/ /g g transform=translate(0,45) g animateTransform attributeName=transform attributeType=XML type=rotate from=0 to=360 begin=0s dur=12s repeatCount=indefinite / circle cx=0 cy=45 r=10 fill=red / circle cx=0 cy=45 r=10 fill=red transform=rotate(120)/ circle cx=0 cy=45 r=10 fill=red transform=rotate(240)/ line x1=0 y1=0 x2=0 y2=45 stroke-width=6 stroke=black stroke-linecap=round / line x1=0 y1=0 x2=0 y2=45 stroke-width=6 stroke=black stroke-linecap=round transform=rotate(120)/ line x1=0 y1=0 x2=0 y2=45 stroke-width=6 stroke=black stroke-linecap=round transform=rotate(240)/ /g /g /svg This is a quick and dirty version of a roller gear. To see a physical picture of one see: http://lumberjocks.com/projects/23791 All browsers work fine except IE. I haven't tested it with ASV. Enjoy! --- In svg-developers@yahoogroups.com, ddailey ddai...@... wrote: Here are a couple of interesting examples / difficult browser calisthenics: http://granite.sru.edu/~ddailey/svg/animoval3.svg and http://granite.sru.edu/~ddailey/svg/animoval4.svg The first works much as I think it should in Opera, Chrome and IE/ASV. FF4 runs only one of the gears. Safari screws up the stroke's gradient. IE/ASV, though and Opera/Chrome/Safari don't agree about the proper values for animating dashoffset.In IE/ASV, using values=0;24 and values=24;0 respectively for the two animations seems to line up the gear teeth well, whereas for the others I had to do values=12;36 and values=24;0 to keep the teeth from colliding. The second example seems to work well only in IE/ASV and Chrome -- a first for those two to team up in bettering Opera in my experience! ASV and both webkit browsers seem to get the outergear to spin. FF seems to see that there is something there, but stalls before it can make a go of it, and Opera for some odd reason seems to ignore that particular animation. Btw, I rather liked the slighty readjustment that ASV and webkit experience due to the circumference of the ellipse being irrational -- something like it might be expected, I think, in a physical model. At first I was annoyed that I couldn't get the gradient to extend out into the teeth, but then I remembered the r attribute of a radial gradient (.5 by default). I could have varied it but decided not to. It would be fun to make more complex machines sorta like this based on SMIL, but we'd have to figure out which browers are doing it right first I suppose. Do let me know if it is my code of the browsers that are goofy here. cheers David [Non-text portions of this message have been removed] [Non-text portions of this message have been removed] - To unsubscribe send a message to: svg-developers-unsubscr...@yahoogroups.com -or- visit http://groups.yahoo.com/group/svg-developers and click
Re: [svg-developers] Re: fun but buggy -- gears
Thanks Robert! I've gotten rid of the zeroes so that http://granite.sru.edu/~ddailey/svg/animoval4.svg now works well everywhere *but* Opera. To be balanced, here's another one that seems to work properly *only* in Opera: http://granite.sru.edu/~ddailey/svg/animoval8.svg Anyone who has used Opera and fished the Nome River in August or early September would recognize this immediately! This exhibits very odd and different behavior in FF4, Safari/Chrome and IE/ASV. The asymptotically indeterminite slope in the limiting case when dx=0 seems to be throwing browsers into a tizzy. ASV is not as troubled as the others and though Opera does what I had expected, I could see a certain logic for how ASV handles it. I am rather certain that FF4 may have two bugs here: one for the indeterminite slope (which is actually zero, I think, if one takes the limit of the function) and the other for backtracking the path absent the z subcommand. Looks like this might be another of these would-be-acid tests? I think maybe I'll call them cool-aid tests since Kraft and Google seem to have trademarks on Ken Kesey. cheers David - Original Message - From: Robert Longson To: svg-developers@yahoogroups.com Sent: Tuesday, October 12, 2010 4:39 AM Subject: [svg-developers] Re: fun but buggy -- gears --- In svg-developers@yahoogroups.com, ddailey ddai...@... wrote: Here are a couple of interesting examples / difficult browser calisthenics: http://granite.sru.edu/~ddailey/svg/animoval3.svg and http://granite.sru.edu/~ddailey/svg/animoval4.svg The first works much as I think it should in Opera, Chrome and IE/ASV. FF4 runs only one of the gears. We don't like zeros ;-) 24;1 would animate see https://bugzilla.mozilla.org/show_bug.cgi?id=594198 Best regards Robert [Non-text portions of this message have been removed] - To unsubscribe send a message to: svg-developers-unsubscr...@yahoogroups.com -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: svg-developers-dig...@yahoogroups.com svg-developers-fullfeatu...@yahoogroups.com * To unsubscribe from this group, send an email to: svg-developers-unsubscr...@yahoogroups.com * Your use of Yahoo! Groups is subject to: http://docs.yahoo.com/info/terms/
[svg-developers] fun but buggy -- gears
Here are a couple of interesting examples / difficult browser calisthenics: http://granite.sru.edu/~ddailey/svg/animoval3.svg and http://granite.sru.edu/~ddailey/svg/animoval4.svg The first works much as I think it should in Opera, Chrome and IE/ASV. FF4 runs only one of the gears. Safari screws up the stroke's gradient. IE/ASV, though and Opera/Chrome/Safari don't agree about the proper values for animating dashoffset.In IE/ASV, using values=0;24 and values=24;0 respectively for the two animations seems to line up the gear teeth well, whereas for the others I had to do values=12;36 and values=24;0 to keep the teeth from colliding. The second example seems to work well only in IE/ASV and Chrome -- a first for those two to team up in bettering Opera in my experience! ASV and both webkit browsers seem to get the outergear to spin. FF seems to see that there is something there, but stalls before it can make a go of it, and Opera for some odd reason seems to ignore that particular animation. Btw, I rather liked the slighty readjustment that ASV and webkit experience due to the circumference of the ellipse being irrational -- something like it might be expected, I think, in a physical model. At first I was annoyed that I couldn't get the gradient to extend out into the teeth, but then I remembered the r attribute of a radial gradient (.5 by default). I could have varied it but decided not to. It would be fun to make more complex machines sorta like this based on SMIL, but we'd have to figure out which browers are doing it right first I suppose. Do let me know if it is my code of the browsers that are goofy here. cheers David [Non-text portions of this message have been removed] - To unsubscribe send a message to: svg-developers-unsubscr...@yahoogroups.com -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: svg-developers-dig...@yahoogroups.com svg-developers-fullfeatu...@yahoogroups.com * To unsubscribe from this group, send an email to: svg-developers-unsubscr...@yahoogroups.com * Your use of Yahoo! Groups is subject to: http://docs.yahoo.com/info/terms/
Re: [svg-developers] planetsvg.com down
Hi Doug, That should help a lot. I don't have much of an opinion on the issue of where its final resting place should be, but it is useful information and good to have a stable link. muchas gracias, David - Original Message - From: Doug Schepers To: svg-developers@yahoogroups.com Cc: ddailey ; Phil Archer Sent: Saturday, October 09, 2010 2:25 AM Subject: Re: [svg-developers] planetsvg.com down Hi, David- ddailey wrote (on 10/7/10 7:49 PM): There used to be a link on svg.org that talked about server configuration issues (mime types and the like). The SVG Primer pointed to it. Then it went away, so we found a place on Planet Svg that seemed to have even better information and redirected the pointer to that. But now, sigh, that is down too. I created that page, so I actually had a local copy to use. I've reinstated it here (which I believe was the original location): http://planetsvg.com/tools/mime.php It's not pretty (I still need to style it), but it's functional. You can test it using this URL I've set up to have the incorrect MIME Type (image/svg-xml, note the - rather than +): http://planetsvg.com/tools/tests/wrong-mime/test.svg Does anyone know of another good place to refer students to info on server configuration until Planet SVG is back up? I don't plan on changing the server anymore, and if I do, I will try to make sure that that page stays at a stable location. Sorry for the disruption in service. It occurs to me that I could try to host that on the W3C site, as a complement to the validator services. That would be an even more stable location. Would you like me to check into that? Regards- -Doug [Non-text portions of this message have been removed] - To unsubscribe send a message to: svg-developers-unsubscr...@yahoogroups.com -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: svg-developers-dig...@yahoogroups.com svg-developers-fullfeatu...@yahoogroups.com * To unsubscribe from this group, send an email to: svg-developers-unsubscr...@yahoogroups.com * Your use of Yahoo! Groups is subject to: http://docs.yahoo.com/info/terms/
Re: [svg-developers] Best SVG Editor...!!
The FA(q) question of the best editor sometimes means different things to different folks. Jacob hit the nail on the head for WYSIWYG /GUI editors. Inkscape and Illustrator push out a bit of gnarly pseudo-code that becomes a bit of a problem for scripting with it later, so SVG-Edit is better at creating cleaner code. For hand-coding I think the verdict is still out (see and contribute to [1] ). I've been using a fair amount of HTML-Kit in Windows, these days ever since they added a workable SVG plugin. This allows HTML-style markup with JavaScript and all-in-one preview capabilities. David [1] http://www.w3.org/Graphics/SVG/IG/wiki/Authoring_tools_and_editors - Original Message - From: Jacob Beard jbea...@cs.mcgill.ca To: svg-developers svg-developers@yahoogroups.com Sent: Saturday, October 09, 2010 1:35 PM Subject: Re: [svg-developers] Best SVG Editor...!! Inkscape: http://inkscape.org/ svg-edit: http://code.google.com/p/svg-edit/ Adobe Illustrator also supports export to SVG: http://www.adobe.com/products/illustrator/ Jake On Sat, Oct 9, 2010 at 6:50 PM, friend_hi60 friend_h...@yahoo.com wrote: Hi There i am Totally new to this Technology and i am going to Create the Project in the very same Language about the Writing Style Alternative for Urdu Language but anyway i am at the start point i need to know which one is the best SVG editor is there any Good Editor like Dreameweaver Kind ? and again really happy to see such a community running on a Future Tech :)...!! [Non-text portions of this message have been removed] - To unsubscribe send a message to: svg-developers-unsubscr...@yahoogroups.com -or- visit http://groups.yahoo.com/group/svg-developers and click edit my membership Yahoo! Groups Links - To unsubscribe send a message to: svg-developers-unsubscr...@yahoogroups.com -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: svg-developers-dig...@yahoogroups.com svg-developers-fullfeatu...@yahoogroups.com * To unsubscribe from this group, send an email to: svg-developers-unsubscr...@yahoogroups.com * Your use of Yahoo! Groups is subject to: http://docs.yahoo.com/info/terms/
Re: [svg-developers] planetsvg.com down
Hi Doug, There used to be a link on svg.org that talked about server configuration issues (mime types and the like). The SVG Primer pointed to it. Then it went away, so we found a place on Planet Svg that seemed to have even better information and redirected the pointer to that. But now, sigh, that is down too. Does anyone know of another good place to refer students to info on server configuration until Planet SVG is back up? thanks D - Original Message - From: Doug Schepers To: svg-developers@yahoogroups.com Cc: Jacob Beard Sent: Thursday, October 07, 2010 10:15 AM Subject: Re: [svg-developers] planetsvg.com down Hi, Jake- Jacob Beard wrote (on 10/6/10 8:51 AM): Does anyone know who runs planetsvg.com? The site has been down for at least the past several days (returning HTTP 500 Internal Server Error), and e-mails sent to the webmas...@planetsvg.lnlabs.com e-mail address mentioned in the returned error message also bounce back. I own the domain, but it was hosted on Rob Russell's server. He's had some problems with it (I don't know the nature), and he's said he'll get the original content to me. I expect that I'll probably go back to hosting it in a rather stripped-down, easily-maintained form. What specific features should I retain? What are you using planetsvg.com for, and what's important to you? Any help in maintaining and improving it for the future would be very welcome. Thanks- -Doug [Non-text portions of this message have been removed] - To unsubscribe send a message to: svg-developers-unsubscr...@yahoogroups.com -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: svg-developers-dig...@yahoogroups.com svg-developers-fullfeatu...@yahoogroups.com * To unsubscribe from this group, send an email to: svg-developers-unsubscr...@yahoogroups.com * Your use of Yahoo! Groups is subject to: http://docs.yahoo.com/info/terms/
[svg-developers] Tough on browsers
The following document (example1) is a candidate for an acid test perhaps? It has an animated stop (using straight animation, rather than animateColor, on named colors) applied to a mask applied to an image. (I'm assuming this is legal by the spec since it works almost every where else, including in feDisplacement which is usually the last thing that a young SVG browser seems to get right) Status: Opera -- mucks up the lower part of the reflected gradient (I suspect this is a known bug, since I've seen it before in other examples) FF4b -- doesn't animate the stop within the gradient Chrome -- doesn't interpolate across color ranges of values in the gradient Safari -- doesn't reflect the gradient and doesn't interpolate between color values ASV -- seems to be correct, but slow Example 2 shows that Chrome and Safari understand how to interpolate smootlhly between black and white, apparently just not when it involves a gradient stop. Example 2, however points out an apparent bug in FF4b6 which seems reluctant to let the SMIL override the gradient fill declared in the tag. Example 1 -- svg xmlns=http://www.w3.org/2000/svg; xmlns:xlink=http://www.w3.org/1999/xlink; width=100% height=100% radialGradient id=G1 cx=29% cy=27% r=45 fy=50% spreadMethod=reflect gradientUnits=userSpaceOnUse stop offset=0 stop-color=grey/ stop offset=0.5 stop-color=white animate attributeName=stop-color dur=2s values=black; white;black repeatCount=indefinite/ /stop stop offset=1 stop-color=black/ /radialGradient mask id=M ellipse cx=29% cy=35% rx=10% ry=20% fill=url(#G1)/ /mask rect y=140 x=23% width=5% height=55% fill=cyan / rect y=140 x=30% width=5% height=55% fill=green / g mask=url(#M) transform=translate(0,90) image y=0 x=10% width=40% height=55% xlink:href='http://srufaculty.sru.edu/david.dailey/svg/p17.jpg' / rect y=0 x=15% width=10% height=55% fill=purple opacity=.6 / rect y=0 x=33% width=10% height=55% fill=yellow opacity=.8 / /g /svg Example 2 -- radialGradient id=G1 cx=29% cy=50% r=45 fy=50% gradientUnits=userSpaceOnUse stop offset=0 stop-color=grey/ stop offset=0.5 stop-color=white /stop stop offset=1 stop-color=black/ /radialGradient rect y=140 x=23% width=25% height=55% fill=url(#G1) animate attributeName=fill dur=2s values=black; white;black repeatCount=indefinite/ /rect -- [Non-text portions of this message have been removed] - To unsubscribe send a message to: svg-developers-unsubscr...@yahoogroups.com -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: svg-developers-dig...@yahoogroups.com svg-developers-fullfeatu...@yahoogroups.com * To unsubscribe from this group, send an email to: svg-developers-unsubscr...@yahoogroups.com * Your use of Yahoo! Groups is subject to: http://docs.yahoo.com/info/terms/
[svg-developers] character to path data in SVG
I just can't remember. I seem to recall a DOM interface or function in SVG that takes as input a character (i.e., a text string of length one) rendered in a given font-family and returns the path coordinates of the outline of that object. (something like w.toPath(ariel, 100) -- 0,0 50,100 100,0 150,100 200,0 200,5 150,105, 100,5 50,105 0,5 z Certainly we can get its bounding box, and certainly there are utilities in Inkscape and Illustrator to do that, but how about in plain old SVG with JavaScript? I would like to make some pseudo-random distortions to a typeface but can't remember the command, if there ever was one. sheepishly David [Non-text portions of this message have been removed] - To unsubscribe send a message to: svg-developers-unsubscr...@yahoogroups.com -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: svg-developers-dig...@yahoogroups.com svg-developers-fullfeatu...@yahoogroups.com * To unsubscribe from this group, send an email to: svg-developers-unsubscr...@yahoogroups.com * Your use of Yahoo! Groups is subject to: http://docs.yahoo.com/info/terms/
Re: [svg-developers] Re: character to path data in SVG
What Jeff said. Ditto. David - Original Message - From: jeff_schiller To: svg-developers@yahoogroups.com Sent: Monday, October 04, 2010 4:40 PM Subject: [svg-developers] Re: character to path data in SVG What Bjoern said. By the way, I would like to see this functionality exposed at some point in the future so that web-based graphical editors (like SVG-edit) can convert SVG text to paths... Jeff --- In svg-developers@yahoogroups.com, Bjoern Hoehrmann derhoe...@... wrote: * ddailey wrote: I just can't remember. I seem to recall a DOM interface or function in SVG that takes as input a character (i.e., a text string of length one) rendered in a given font-family and returns the path coordinates of the outline of that object. (something like w.toPath(ariel, 100) -- 0,0 50,100 100,0 150,100 200,0 200,5 150,105, 100,5 50,105 0,5 z Certainly we can get its bounding box, and certainly there are utilities in Inkscape and Illustrator to do that, but how about in plain old SVG with JavaScript? I would like to make some pseudo-random distortions to a typeface but can't remember the command, if there ever was one. There is no such function in SVG 1.1 or SVG Tiny 1.2. Also note that a glyph is not necessarily a single path, with SVG fonts you can have more or less arbitrary content to make up a glyph. -- Björn Höhrmann · mailto:bjo...@... · http://bjoern.hoehrmann.de Am Badedeich 7 · Telefon: +49(0)160/4415681 · http://www.bjoernsworld.de 25899 Dagebüll · PGP Pub. KeyID: 0xA4357E78 · http://www.websitedev.de/ [Non-text portions of this message have been removed] - To unsubscribe send a message to: svg-developers-unsubscr...@yahoogroups.com -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: svg-developers-dig...@yahoogroups.com svg-developers-fullfeatu...@yahoogroups.com * To unsubscribe from this group, send an email to: svg-developers-unsubscr...@yahoogroups.com * Your use of Yahoo! Groups is subject to: http://docs.yahoo.com/info/terms/
Re: Ответ: [svg-developers] A pleasant surprise
Hi Andrei, I tried the link here, but was told file not found -- looks like you moved it somewhere else? cheers David - Original Message - From: Andrew Matseevsky a_matseev...@yahoo.com To: svg-developers@yahoogroups.com Sent: Sunday, October 03, 2010 4:42 PM Subject: Ответ: [svg-developers] A pleasant surprise --- Вс, 3.10.10, ddailey ddai...@zoominternet.net пишет: От: ddailey ddai...@zoominternet.net Тема: [svg-developers] A pleasant surprise Кому: svg-developers@yahoogroups.com Дата: Воскресенье, 3 октябрь 2010, 1:23 I was pleased to find that this example [1], of simulated cylindrical rotation, from [2] is now working in these browsers: IE/ASV Opera (9.5 or newer) FF (4.0 b) Safari (5.02) and Chrome (6.0) At the time of its creation just 2.5 years (and 0.5 dimensions) ago it only worked in two of these five browsers. Using filters and SMIL animation, it is only 52 lines and 1800 keystrokes and at least 15 of the lines and 300 of those keystrokes are not really needed for basic perceptual functionality!. As all who have used animate or replicate can testify, productivity = 1/keystrokes.* cheers David [1] http://srufaculty.sru.edu/david.dailey/svg/SVGOpen2008/barberPole.svg [2] http://srufaculty.sru.edu/david.dailey/svg/SVGOpen2008/edges_of_plausibility.htm *okay, maybe I'm exaggerating: there might be the rare fraction of folks who would disagree, and such personality variation helps to keep the world interesting. Hi, David, you may try http://www.smartfills.com/Html/GradienFillsDemo.zip. I forgot to take this one to SVGOpen 2010. But, this one looks rather pretty (something like a screensaver). Set of vertices, what are randomly moving on the screen. Demonstration of a gradient, based on biharmonic equation. Regards, Andrew. - To unsubscribe send a message to: svg-developers-unsubscr...@yahoogroups.com -or- visit http://groups.yahoo.com/group/svg-developers and click edit my membership Yahoo! Groups Links - To unsubscribe send a message to: svg-developers-unsubscr...@yahoogroups.com -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: svg-developers-dig...@yahoogroups.com svg-developers-fullfeatu...@yahoogroups.com * To unsubscribe from this group, send an email to: svg-developers-unsubscr...@yahoogroups.com * Your use of Yahoo! Groups is subject to: http://docs.yahoo.com/info/terms/
[svg-developers] IE9 and ASV
Hi I wonder if anyone has done any experimenting with IE9 and ASV. Certain features[1] in ASV are still more advanced than any other browser, leaving certain aspects of the SVG spec untestable among all these new-fangled browsers. (I'm hoping to put Windows 7 on one of my machines at the office, but just haven't had time yet!) Some questions for those in the know: 1. Any luck turning on and off ASV in IE9? 2. While IE8 does not yet support HSL color values (as in use xlink:href=#two stroke=hsl(180, 100%, 34%) fill=hsl(220,100%,40%) / ), I assume (since that is defined in CSS3) that IE9 will. So, if one were running ASV in IE9, would IE9's support of HSL color values be inherited into ASV? That is, does ASV take its SVG color definitions from the IE platform, or since at the time of implementation, SVG's color definitions were more advanced than HTML's, would ASV override the browser's behavior here? Generally, I think that as versions of IE have improved and as bug fixes have been found, ASV seems to have been resilient enough to reflect those improvements, at least in realms of scripting, though that may have been illusory. 4. Are any of the fakeSMIL libraries still being actively maintained, and where would the best ones be? Has anyone done any testing on the proportion of animateable features that those libraries actually support. 5. Has anyone tested SVG 1.2 features in IE9? I'm thinking most obviously of textArea, but vector effects would be rather handy too. 6. How about foreignObject in IE9? Jeff's chart [2] doesn't seem to have a test for that one. I can't find one through the SVG WG either [3], though I will confess to having several years of accumulated befuddlement about how to find things there. 7. Do W3C requirements that there exist two stable implementations of something in order for something to become a recommendation mean that if implementations disappear then the recommendations will also? [dry humor intended -- I'm not quite sure of the actual language or the scope of this two implementations doctrine ] [1]Acknowledgedly these become rarer each year. [2] http://www.codedread.com/svg-support.php [3] http://www.w3.org/Graphics/SVG/WG/wiki/Test_Suite_Overview - To unsubscribe send a message to: svg-developers-unsubscr...@yahoogroups.com -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: svg-developers-dig...@yahoogroups.com svg-developers-fullfeatu...@yahoogroups.com * To unsubscribe from this group, send an email to: svg-developers-unsubscr...@yahoogroups.com * Your use of Yahoo! Groups is subject to: http://docs.yahoo.com/info/terms/
[svg-developers] A pleasant surprise
I was pleased to find that this example [1], of simulated cylindrical rotation, from [2] is now working in these browsers: IE/ASV Opera (9.5 or newer) FF (4.0 b) Safari (5.02) and Chrome (6.0) At the time of its creation just 2.5 years (and 0.5 dimensions) ago it only worked in two of these five browsers. Using filters and SMIL animation, it is only 52 lines and 1800 keystrokes and at least 15 of the lines and 300 of those keystrokes are not really needed for basic perceptual functionality!. As all who have used animate or replicate can testify, productivity = 1/keystrokes.* cheers David [1] http://srufaculty.sru.edu/david.dailey/svg/SVGOpen2008/barberPole.svg [2] http://srufaculty.sru.edu/david.dailey/svg/SVGOpen2008/edges_of_plausibility.htm *okay, maybe I'm exaggerating: there might be the rare fraction of folks who would disagree, and such personality variation helps to keep the world interesting. - To unsubscribe send a message to: svg-developers-unsubscr...@yahoogroups.com -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: svg-developers-dig...@yahoogroups.com svg-developers-fullfeatu...@yahoogroups.com * To unsubscribe from this group, send an email to: svg-developers-unsubscr...@yahoogroups.com * Your use of Yahoo! Groups is subject to: http://docs.yahoo.com/info/terms/
Re: [svg-developers] Re: IE9 and ASV
Hi Jeff, Yes, I'm sure my understanding of how plugins work is flawed. ;) So you're saying that if IE8/ASV didn't support HSL, it will never in IE9/ASV, since ASV would have had no way to draw on that context from the browser base environment. No I didn't know that plugins were thusly limited. I thought I had seen evidence to the contrary, but, as I said, that may have been illusory and I can't point to an example. And no by IE8 I didn't mean IE8/ASV. IE8 doesn't seem to support HSL in HTML either. div class=p style=left:100;background:hsl(294,100%,40%)hello/div That's why I was asking; sorry if that wasn't clear. And yes, we should assemble that list one day.. mostly has to do with some known bugs in Opera, some fringe cases involving complex filter chains, intersecting clipPaths, and fancy glyphs that involve content other than simple paths.The places in my work that use asterisks are usually the places where only ASV works, though some of those are now working in Opera and some never got rewritten to transcend the getters and setters days. It would take several days to work through the thousand or so examples to find the few dozen that I'm aware of. And no, not even I would advocate for folks to jump on the IE/ASV bandwagon! It is nice, though to have a second and sometimes a first browser in which to be able to test SVG code against our understandings of the spec, so the questions about backing in and out of ASV from IE still are relevant to me until the lesser implementations mature a bit, which thankfully they are, though it still may be a couple of years based on what we've seen in the last two years. And until Windows 7 is widely deployed, for the 60% of the world using IE (not an insignificant number to my way of thinking) the question of what to do with those folks who don't have IE9 remains. SVG support doesn't seem to be adequately handled by the other options (remember that IE/ASV developers have been gleefully working with the assumptions of filter and SMIL support for almost a decade now in corporate settings where the MS environment is deeply deployed). By fakeSMIL I meant to use some sort of generic term like fauxSMIL, and was meaning to include Doug's stuff as well. Thanks for the references to both, as I will be needing that info soon for another purpose! So most of my questions are, alas, still open. I had read a suggestion [1] , though that suggested IE9 doesn't support foreignObject which would be a shame since that is a good way to work around the need to embed SVG in HTML wrappers to have access to HTML textarea. Having to drop SVG into an HTML wrapper each time one wants to be able to examine source code of a dynamic document is a veritable nuisance! In terms of preachin', Jeff, that's cool. I'll hope to resist the temptation to preach back at ya' since there may be some fundamental idealogical differences afoot here! cheers, David [1] http://schmerg.com/svg-support-in-ie9-close-but-should-try-harde - Original Message - From: jeff_schiller To: svg-developers@yahoogroups.com Sent: Saturday, October 02, 2010 4:53 PM Subject: [svg-developers] Re: IE9 and ASV Hi David, --- In svg-developers@yahoogroups.com, ddailey ddai...@... wrote: Hi I wonder if anyone has done any experimenting with IE9 and ASV. Certain features[1] in ASV are still more advanced than any other browser, I know I've asked before, I apologize for losing track of this, but can we get a list of features that ASV supports better than any other browser? Maybe we can maintain it on a wiki page or something. 2. While IE8 does not yet support HSL color values (as in use xlink:href=#two stroke=hsl(180, 100%, 34%) fill=hsl(220,100%,40%) I don't understand this sentence. IE8 did not support SVG at all, so of course stroke=hsl(...) would never have worked. Maybe you meant ASV? / ), I assume (since that is defined in CSS3) that IE9 will. So, I don't know that IE9 supports HSL. were running ASV in IE9, would IE9's support of HSL color values be inherited into ASV? That is, does ASV take its SVG color definitions from the IE platform, or since at the time of implementation, SVG's color definitions were more advanced than HTML's, would ASV override the browser's behavior here? Generally, I think that as versions of IE have improved and as bug fixes have been found, ASV seems to have been resilient enough to reflect those improvements, at least in realms of scripting, though that may have been illusory. I think you may have a general misunderstanding about how plugins work (no offense). The browser gives the plugin a box that it can draw into. The plugin gets the markup, interprets it, draws the results. Other than that, I don't think it interacts with the browser in any way. Also in ASV's case, ASV contains a (very old) JS interpreter based on Mozilla from the pre
Re: [svg-developers] Re: IE9 and ASV
Yes, I am quite impressed by the rapid progress that WebKit seems to be making, and recently! Also, if I heard Alex Danilo right at SVGOpen, Abbra will be introducing a new SVG plugin for IE, and soon. Did I hear that right? cheers David - Original Message - From: jeff_schiller To: svg-developers@yahoogroups.com Sent: Saturday, October 02, 2010 8:08 PM Subject: [svg-developers] Re: IE9 and ASV Hi David, --- In svg-developers@yahoogroups.com, ddailey ddai...@... wrote: And until Windows 7 is widely deployed, for the 60% of the world using IE (not an insignificant number to my way of thinking) the question of what to do with those folks who don't have IE9 remains. SVG support doesn't seem to be adequately handled by the other options (remember that IE/ASV developers have been gleefully working with the assumptions of filter and SMIL support for almost a decade now in corporate settings where the MS environment is deeply deployed). I'm curious if Google Chrome Frame plugin meets that purpose? WebKit is supporting more and more SVG Filters and SMIL these days and is actively being updated. Regards, Jeff [Non-text portions of this message have been removed] - To unsubscribe send a message to: svg-developers-unsubscr...@yahoogroups.com -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: svg-developers-dig...@yahoogroups.com svg-developers-fullfeatu...@yahoogroups.com * To unsubscribe from this group, send an email to: svg-developers-unsubscr...@yahoogroups.com * Your use of Yahoo! Groups is subject to: http://docs.yahoo.com/info/terms/
Re: [svg-developers] Re: Including SVG in RSS
I've been running into what seems like the same sort of issue in trying to put SVG content in Moodle pages. inline, object and iframe don't seem to work and embed has some troubles as well (including lack of fallback). I had forgotten about img, so will be interested in trying that. cheers David - Original Message - From: Jacob Beard jbea...@cs.mcgill.ca To: svg-developers svg-developers@yahoogroups.com Sent: Thursday, September 30, 2010 6:28 PM Subject: Re: [svg-developers] Re: Including SVG in RSS Hi Jeff, Thanks for the reply. It does seem Sam Ruby includes inline SVG in his Atom feed. Unfortunately, the inline SVG does not seem to be rendered Google Reader. It seems img tags are probably the best way to go, then, although I wish there was a way in markup to provide a fallback to a solution that is supported by more browsers, such as the object tag. Just to be clear, I think the problem here is in the RSS readers' overzealous scrubbing of certain kinds of content, which unfortunately includes SVG content. Best, Jake On Thu, Sep 30, 2010 at 6:09 PM, jeff_schiller jeff_schil...@hotmail.com wrote: Hi Jacob, Sam Ruby has been including SVG inline in his Atom feed for years now. I have no idea about the rules for doing this in RSS, so I would Atom for this task. On my own blog, I have recently switched over to using img tags referencing SVG elements since the set of browsers that do not support that is now rapidly dwindling with IE 9 and Firefox 4 imminent releases. I was pleased to see my clipart start to show up in Google Reader (when using a browser that supported SVG-in-img). Regards, Jeff --- In svg-developers@yahoogroups.com, Jacob Beard jbea...@... wrote: Hi, I've been interested in including SVG on my Wordpress blog for some time now. While it's not too difficult to embed SVG in a post using the object tag, object is not considered a safe tag to be included in RSS. For example, Google Reader will remove the tag from the post, and Facebook will not import the post at all. I'm wondering if anyone has any experience with this, and if there's a way to include SVG content in posts imported by Google Reader or Facebook. I'm thinking that using an HTML img tag referencing the SVG document might work, but of course this then limits support to browsers which support referencing SVG from an image tag. My feeling is that inline SVG would be likely to get scrubbed like the object tag. If anyone has any insight into this, I'd greatly appreciate it if you could let me know. Thanks, Jake - To unsubscribe send a message to: svg-developers-unsubscr...@yahoogroups.com -or- visit http://groups.yahoo.com/group/svg-developers and click edit my membership Yahoo! Groups Links - To unsubscribe send a message to: svg-developers-unsubscr...@yahoogroups.com -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: svg-developers-dig...@yahoogroups.com svg-developers-fullfeatu...@yahoogroups.com * To unsubscribe from this group, send an email to: svg-developers-unsubscr...@yahoogroups.com * Your use of Yahoo! Groups is subject to: http://docs.yahoo.com/info/terms/
Re: [svg-developers] Re: animating gradients
Nice Chaals! It would be fun if one could build all your gradient stops with one instance and a single replicate tag [1,2], of course ;) It might take a wee bit of an addendum to the spec (of course)! regards David [1] http://srufaculty.sru.edu/david.dailey/svg/SVGOpen2010/replicatePaper/replicatepaper.html [2] http://srufaculty.sru.edu/david.dailey/svg/SVGOpen2010/replicatePaper/replicatetalk.html - Original Message - From: Charles McCathieNevile To: svg-developers@yahoogroups.com Sent: Sunday, September 26, 2010 12:20 PM Subject: Re: [svg-developers] Re: animating gradients On Thu, 23 Sep 2010 21:48:12 +0200, t...@ymail.com t...@ymail.com wrote: --- In svg-developers@yahoogroups.com, Jacob Beard jbea...@... wrote: On Tue, Sep 21, 2010 at 3:55 PM, t...@... t...@... wrote: What about this variant: http://wwwpub.zih.tu-dresden.de/~s9783698/scrolling-radial-colors.xml I had a play, and came up with the following script-free version (easier than trying to read script, for me): Note that there seem to be some colour transitions that feel more natural than others. I suspect there is someone who knows more about colour and could explain how to adjust it to make everything seem beautiful, but this seems to at least work... svg width=100% height=100% viewBox=0 0 800 400 version=1.1 xmlns=http://www.w3.org/2000/svg; titlerainbow circle/title descExample - fill a circle using an animated radial gradient paint server to make a colour progression/desc g defs radialGradient id=circularRainbowGradient r=.6 stop offset=.0 stop-color=red animateColor values=violet;blue;green;yellow;orange;red dur=4s begin=0s repeatCount=indefinite attributeName=stop-color/ /stop stop offset=.2 stop-color=orange animateColor values=red;violet;blue;green;yellow;orange dur=4s begin=0s repeatCount=indefinite attributeName=stop-color/ /stop stop offset=.4 stop-color=yellow animateColor values=orange;red;violet;blue;green;yellow dur=4s begin=0s repeatCount=indefinite attributeName=stop-color/ /stop stop offset=.6 stop-color=green animateColor values=yellow;orange;red;violet;blue;green dur=4s begin=0s repeatCount=indefinite attributeName=stop-color/ /stop stop offset=.8 stop-color=blue animateColor values=green;yellow;orange;red;violet;blue dur=4s begin=0s repeatCount=indefinite attributeName=stop-color/ /stop stop offset=1 stop-color=violet animateColor values=blue;green;yellow;orange;red;violet dur=4s begin=0s repeatCount=indefinite attributeName=stop-color/ /stop /radialGradient /defs circle fill=url(#circularRainbowGradient) stroke=none cx=400 cy=100 r=100 /circle /g /svg cheers -- Charles McCathieNevile Opera Software, Standards Group je parle français -- hablo español -- jeg lærer norsk http://my.opera.com/chaals Try Opera: http://www.opera.com [Non-text portions of this message have been removed] - To unsubscribe send a message to: svg-developers-unsubscr...@yahoogroups.com -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: svg-developers-dig...@yahoogroups.com svg-developers-fullfeatu...@yahoogroups.com * To unsubscribe from this group, send an email to: svg-developers-unsubscr...@yahoogroups.com * Your use of Yahoo! Groups is subject to: http://docs.yahoo.com/info/terms/
Re: [svg-developers] Re: animating gradients
Charles McCathieNevile wrote: It would be fun if one could build all your gradient stops with one instance and a single replicate tag [1,2], of course ;) Hmm. Maybe if I had the same animation, but started it at -1 -.8 -.6 etc it would work. Dunno if I can use a stop though... I don't know if you can either, at least the code might have to be extended a bit, I think, but there is the replicateModifier which allows things like animates to be retrieved and thence modified as the replicated object is being cloned. We've got examples that do this for modifying gradients, filters, animates, and patterns dynamically. Filters and patterns are handy, since, for example, as tiles of a floor, steps on a spiral stairway, decorative wallpaper, or railroad tracks recede into the distance, the grain becomes denser, at least in 3-D. When one starts cloning objects and rebuilding custom turbulence filters for each is where the speed limitations of JavaScript start becoming quite noticeable. This is to be expected since even animating turbulence filters has been a persistent source of sluggishness for browsers. Haven't tried applying it directly to stops within a gradient, but seems like it oughta work. The interpolation across multivalued color attributes of the animate is where I expect our code might choke :) David [Non-text portions of this message have been removed] - To unsubscribe send a message to: svg-developers-unsubscr...@yahoogroups.com -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: svg-developers-dig...@yahoogroups.com svg-developers-fullfeatu...@yahoogroups.com * To unsubscribe from this group, send an email to: svg-developers-unsubscr...@yahoogroups.com * Your use of Yahoo! Groups is subject to: http://docs.yahoo.com/info/terms/
[svg-developers] an acid test for SMIL and meta-acid tests for acid tests
[1] http://srufaculty.sru.edu/david.dailey/svg/groupuse.svg opera 10.62 : 237 Chrome 6.0 : 211 IE8/asv : 164 FF4.0b6 : 160 Safari 5.0.2 : 74 The above [1] represents a count (I did the counting as my 13 year old daughter watched a timer) of the number of actual screen redraws in one minute of the animation at [1, above] all running under Windows XP. (Yes, dear skeptic, humans can count more than one thing per second with accuracy, though, I confess that 237 per 60 seconds is pushing my own aged limits! And, no, seconds are not a special indivisible atom of time whose innate sensibleness defines the essence of metric time for all species with ten fingers!) . You are welcome to re-run this experiment, but you'd have to get your own daughter. This example illustrates that if one packs enough content into a document, then, even animating a single attribute of a single object (which happens to be reused a few times) can slow browsers down to such an extent that one can actually count the screen redraws (without recourse to using much equipment at all). In the above table (FS=[:\s]*; RS=\n), bigger numbers are better and Opera is at the top of this list for the first time I started doing such timing tests in preparation for SVG Open 2006 (see http://srufaculty.sru.edu/david.dailey/svg/SVGOpen2007/SVGOpen2007.htm ) It is interesting that everyone is now playing this game (well unless I overlooked anyone), since, when I started, only IE/ASV and Opera played the svg/smil game and IE/ASV won by almost an order of magnitude. rant[2] Anyhow, this is just one highly saturated animation test, but an interesting one... and it is rather pretty. Anecdotally, if we were to measure the number of animatable attributes within the spec that actually succeed in animating, I'd estimate something like the following: Opera 99% IE/ASV 98% FF4. 95% Chrome 85% (too many filter effects are not yet implemented and those tend to have a lot of attributes) Safari 70% Again, this is just anecdotal (and might need a log transform of some sort to make it reliable), though it would take some true fastidiousness to count the number of animateable attributes in the spec. But, if one were to subject one's acid test to an acid test (yes, then we'd have the meta-acid test), then one would be, somehow, less concerned with the N particular tests that individual H happens to formulate, but more with the class of representative tests that attempt to interpret a given spec. We assume that each human has a probability of p of correctly interpreting the spec and that each author has a certain probabily a of correctly writing the spec and so forth. At any rate, if we were to take the basic functionality of browsers as they approach instances: not specific pre-constructed instances of web sites, but rather, randomly constructed instances of hypothetical web sites, then already we have overcome what we might call the acid-bias: the tendency of a tester to prove his [3] own hypotheses. The construction of appropriate methodologies which might withstand scientific, philsophical, linguistic, mathematical and common-sense scrutiny is clearly a difficult undertaking. But don't despair. Difficulty is not equivalent to impossibility and the premise of the human endeavor is tha the two are, indeed, not equivalent. The point is that knowing a spec well and knowing browser performance well, one can construct an acid test to prove almost any conclusion one wishes to! Accordingly, how might we objectively evaluate the various acid tests that might emerge as the multi-billion dollar industry sniffing about for the tea leaves of the future of vector graphics swirls through our portfolios? Well, it is complicated. [4] My own impression from having spent a couple of relatively manic person-years playing with SVG is that if we measured the success of SVG's implementation across several browsers, including the ability to perform predictably across highly complex examples (and not just the teensy examples that one finds in the test suite) that browers's ability to handle true acid tests in the spirit of Tom Wolfe is likely to be quite different than the hand picked examples of certain popular acid tests. Ultimately, acid tests are sort of like IQ tests. There are more good ways to use one's brain than there are people. You are The Expert in thinking like you do; and it is unlikely that any one else will surpass you in that ability. A univariate measure of a multivariate trait is rather destined for misinterpretation when presented without the other dimensions. That all having been said, I have presented above, two different measures (both slightly flawed in methodology) for comparing browsers and their support for SVG/SMIL. Let me offer another that is totally subjective: ASVOperaFFChromeSafari This transitive relation applies, when it comes to implementing really complex
Re: [svg-developers] animating path data with SMIL
Also take a look at http://srufaculty.sru.edu/david.dailey/svg/SVGOpen2010/Polygons/polygons10.svg It is rather fun since it never does the same thing twice. Either Opera or IE/ASV is needed as the animations in FF4 don't yet seem to handle the d attribute in paths. cheers D - Original Message - From: Jacob Beard To: svg-developers Sent: Tuesday, September 21, 2010 3:02 PM Subject: [svg-developers] animating path data with SMIL Hi, Is it possible to animate path data using SMIL? For example, if I have a simple arc: path d=M0,400 A100,100 0 1,1 800,400/ And would like to animate the endpoint, so that it starts at 0,0 and ends at 800,400 over a duration of 3 seconds, for example. Because d contains path data, and not simple numerical values, it's not clear to me whether the path data can be animated with SMIL. It seems like, in order to animate path data with SMIL, you might need an expanded path data syntax, like that described in Section 3.1 of the paper Compressing SVG with EXI from the SVG Open 2010 conference, as this gives you elements for each path segment, each of which has simple numerical attributes that could potentially be animated: http://svgopen.org/2010/papers/3-Compressing_SVG_with_EXI/index.html But perhaps I'm missing something, and it is currently possible to animate path data with SMIL. If anyone has any insight into this, I'd appreciate it if you could let me know. Thanks, Jake [Non-text portions of this message have been removed] - To unsubscribe send a message to: svg-developers-unsubscr...@yahoogroups.com -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: svg-developers-dig...@yahoogroups.com svg-developers-fullfeatu...@yahoogroups.com * To unsubscribe from this group, send an email to: svg-developers-unsubscr...@yahoogroups.com * Your use of Yahoo! Groups is subject to: http://docs.yahoo.com/info/terms/
Re: [svg-developers] animating gradients
Very cool! Reflected and repeated gradients are quite powerful and yet I often forget about them. Animating a reflected gradient can be sorta fun: http://srufaculty.sru.edu/david.dailey/svg/newstuff/gradient11b.svg This example now works well in IE/ASV, FF4 and Chrome. Opera's version has been a bit wrong to my way of thinking for some years now (the antialiasing doesn't look right) and Safari is just beginning to handle the animation but doesn't seem to understand the reflected gradient. regards David - Original Message - From: Jacob Beard jbea...@cs.mcgill.ca To: svg-developers@yahoogroups.com Sent: Tuesday, September 21, 2010 11:41 AM Subject: Re: [svg-developers] animating gradients Hi David, Thanks for the reply. The demos you linked to were interesting and instructive. In the end, it seems I was able to find a fairly elegant way of accomplishing this task using SMIL (tested in Chromium): http://live.echo-flow.com/svg/scrolling-colors.svg The solution basically hinges on the gradient's spreadMethod=reflect attribute, and using animateTransform to continually translate the gradient vector. As I said, I think this is rather elegant, but if anyone can think of a better approach, I'd be very interested to know. Thanks, Jake On Mon, Sep 20, 2010 at 6:40 PM, ddailey ddai...@zoominternet.net wrote: Hi Jake, I've played some with what I think is the same thing you've been trying to do and haven't been completely satisfied with my results. Take a look at the first cluster of links at http://srufaculty.sru.edu/david.dailey/svg/SVGOpen2008/edges_of_plausibility.htm In those I do something with animating the position of gradients within a stop. Two older examples using script and dating from before Chaals McCathie Neville had emerged from his pouch, can be seen here: http://srufaculty.sru.edu/david.dailey/svg/waves.html http://srufaculty.sru.edu/david.dailey/svg/eggcloning3.svg. They ripple gradients out from a center point deflecting content on top via feDisplacement which I think is only implemented in IE/ASV and Opera so far. (Though Chrome shows hints of starting to play with feDisplacement which is a good thing!) The problem I seem to recall having was in getting the transitions between waves to match up, one of several boundary problems that I've bumped into from time to time. Hope this might help, and I'll be interested in whatever solutions you find. cheers David - Original Message - From: Jacob Beard To: svg-developers Sent: Monday, September 20, 2010 4:15 PM Subject: [svg-developers] animating gradients Hi, I'm just starting to learn about SVG SMIL animation, and I'm attempting to perform a simple task involving linear gradients. What I'd like to do is have a simple linear gradient with a set of stops, and then animate the stops so that the colours cycle through the fill. What I mean by this is, given something like the following gradient linearGradient id=MyGradient stop offset=.10 stop-color=red/ stop offset=.30 stop-color=green / stop offset=.50 stop-color=yellow / stop offset=.70 stop-color=blue / stop offset=.90 stop-color=blue/ /linearGradient The first stop should go from offset .1 to 1, then 0 to .1, and repeat. The second stop offset should go from .3 to 1, then 0 to .3, and so on. It's easy enough for me to imagine how to represent this in script, as each stop is simply being animated the same way at each time step, starting from a different offset, but it's not clear to me how you can accomplish the same thing using SMIL. If anyone has any insight into this, I'd appreciate it if you could let me know. Thanks, Jake [Non-text portions of this message have been removed] - To unsubscribe send a message to: svg-developers-unsubscr...@yahoogroups.com -or- visit http://groups.yahoo.com/group/svg-developers and click edit my membership Yahoo! Groups Links - To unsubscribe send a message to: svg-developers-unsubscr...@yahoogroups.com -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: svg-developers-dig...@yahoogroups.com svg-developers-fullfeatu...@yahoogroups.com * To unsubscribe from this group, send an email to: svg-developers-unsubscr...@yahoogroups.com * Your use of Yahoo! Groups is subject to: http://docs.yahoo.com/info/terms/
Re: [svg-developers] animating gradients
Hi Jake, I've played some with what I think is the same thing you've been trying to do and haven't been completely satisfied with my results. Take a look at the first cluster of links at http://srufaculty.sru.edu/david.dailey/svg/SVGOpen2008/edges_of_plausibility.htm In those I do something with animating the position of gradients within a stop. Two older examples using script and dating from before Chaals McCathie Neville had emerged from his pouch, can be seen here: http://srufaculty.sru.edu/david.dailey/svg/waves.html http://srufaculty.sru.edu/david.dailey/svg/eggcloning3.svg. They ripple gradients out from a center point deflecting content on top via feDisplacement which I think is only implemented in IE/ASV and Opera so far. (Though Chrome shows hints of starting to play with feDisplacement which is a good thing!) The problem I seem to recall having was in getting the transitions between waves to match up, one of several boundary problems that I've bumped into from time to time. Hope this might help, and I'll be interested in whatever solutions you find. cheers David - Original Message - From: Jacob Beard To: svg-developers Sent: Monday, September 20, 2010 4:15 PM Subject: [svg-developers] animating gradients Hi, I'm just starting to learn about SVG SMIL animation, and I'm attempting to perform a simple task involving linear gradients. What I'd like to do is have a simple linear gradient with a set of stops, and then animate the stops so that the colours cycle through the fill. What I mean by this is, given something like the following gradient linearGradient id=MyGradient stop offset=.10 stop-color=red/ stop offset=.30 stop-color=green / stop offset=.50 stop-color=yellow / stop offset=.70 stop-color=blue / stop offset=.90 stop-color=blue/ /linearGradient The first stop should go from offset .1 to 1, then 0 to .1, and repeat. The second stop offset should go from .3 to 1, then 0 to .3, and so on. It's easy enough for me to imagine how to represent this in script, as each stop is simply being animated the same way at each time step, starting from a different offset, but it's not clear to me how you can accomplish the same thing using SMIL. If anyone has any insight into this, I'd appreciate it if you could let me know. Thanks, Jake [Non-text portions of this message have been removed] - To unsubscribe send a message to: svg-developers-unsubscr...@yahoogroups.com -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: svg-developers-dig...@yahoogroups.com svg-developers-fullfeatu...@yahoogroups.com * To unsubscribe from this group, send an email to: svg-developers-unsubscr...@yahoogroups.com * Your use of Yahoo! Groups is subject to: http://docs.yahoo.com/info/terms/
Re: [svg-developers] SVG Open
Hi Bruce, I'm sorry you missed it too since it was really interesting, energetic, informative, and fun. You would have liked it and you were missed. I think that the host, Paris Telecom (who did an extraordinary job by the way) and their associates will be posting audio, video and links sometime soon. I know I found the conference invigorating and am completely excited about the various possible futures. Clearly it is very cool that Microsoft is supporting it and in such a big way -- putting lots of resources into making it work. I also don't know when Erik D. and Vincent H will be putting links up on SVG Wow to their most recent stuff, but they showed some completely awesome demos. I'm not sure how much the very active groups in places like France and China read svg-developers, but I'm sure that once the material becomes available, the organizers will let folks here know. cheers David - Original Message - From: bruce To: svg-developers@yahoogroups.com Sent: Thursday, September 02, 2010 12:16 PM Subject: [svg-developers] SVG Open Sorry I missed the conference. Does anyone want to post the highlights? Thanks! Bruce [Non-text portions of this message have been removed] - To unsubscribe send a message to: svg-developers-unsubscr...@yahoogroups.com -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: svg-developers-dig...@yahoogroups.com svg-developers-fullfeatu...@yahoogroups.com * To unsubscribe from this group, send an email to: svg-developers-unsubscr...@yahoogroups.com * Your use of Yahoo! Groups is subject to: http://docs.yahoo.com/info/terms/
Re: [svg-developers] Image in symbol in pattern in path in SVG in Mozilla Firefox
Hi Damian,
I think, if I read your source code correctly, that you've found a more elegant
solution to this problem than I had.
Several years ago I posted a query here about how to do this without consuming
large amounts of RAM. Maybe you've done that but I'm not sure. Let me explain.
The approach I had chosen was to create n paths inside n clipPaths. Then n
image tags (each with xlink:href set to the same file) were clipped to the
clipPaths to create puzzle pieces.
http://srufaculty.sru.edu/david.dailey/svg/clips2.svg
shows an example running in FF Opera Chrome and Safari (though it causes IE/ASV
to crash!). The SMIL only works in Opera and ASV at present, and in this
example I didn't turn on dragging for the pieces but only onclick.
The declaration of n image tags bothered me since (assuming 1 MB of RAM per
image) the example is consuming N MB of RAM, which seems expensive for a large
jigsaw puzzle. So I experimented with feDisplacement and feOffset as ways of
changing the affiliation of paths with imagery (see
http://srufaculty.sru.edu/david.dailey/svg/later/displace2.svg in Opera, for
example). None of those approaches panned out.
However, I gather you affiliate imagery with paths much more directly through
var pathElt = subelt(pieceElt, 'path', {
d: d,
fill: 'url(#p' + id + ')'
})I gather than Robert Longson's recent message to this list
may be addressed to your query rather than mine about appearance of
feDisplacement in Opera and that that is the reason your approach doesn't work
in FF??
At any rate, I wonder if, when implemented in the various browsers, path
d=string fill=url(#image) / will consume less RAM than clipPathpath
d=string/clipPath image xlink:href=url(#image) / . Certainly the former
approach that you appear to adopt is more elegant, and it suggests that its RAM
footprint may be considerably lighter.
So my question is: if path d=string fill=url(#image) / carves out a chunk
of memory equivalent to the image restricted to the bounding box of the path,
or if the RAM impact is still equivalent to #image?
cheers
David
- Original Message -
From: damiancugley
To: svg-developers@yahoogroups.com
Sent: Monday, August 16, 2010 3:39 AM
Subject: [svg-developers] Image in symbol in pattern in path in SVG in
Mozilla Firefox
I am writing a jigsaw demo using SVG. the work in progress works fine on
Opera, Chrome, Safari and fails mysteriously on Firefox. I wonder if someone
can tell me either (a) my SVG is wrong and Opera, Chrome and Safari were just
being kind, or (b) this is a known problem in Firefox and there is a workaround.
The demo is online at http://jigsaw.alleged.org.uk/ and comprises a trivial
SVG file and a single JavaScript file. The code is at
http://github.com/pdc/jigsaw
The pieces are realized as a path whose fill is a pattern. The pattern uses a
symbol. The symbol, shared by all the patterns, contains the image. The idea is
that each piece just shows its part of the image, which is need be loaded only
once. All these items are added with JavaScript.
I occasionally see an odd effect with hollow puzzle pieces that donâ?Tt load
their image until I poke them. But on Firefox it is worseâ?the pieces are
completely invisible. I can check the DOM via Firebug and see the expected SVG
elements, but nothing is visible, not even the stroked outlines.
Is this fixable? Is there a better way to get the effect I want that avoids
this problem?
Thanks
â?Damian Cugley
[Non-text portions of this message have been removed]
-
To unsubscribe send a message to: svg-developers-unsubscr...@yahoogroups.com
-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:
svg-developers-dig...@yahoogroups.com
svg-developers-fullfeatu...@yahoogroups.com
* To unsubscribe from this group, send an email to:
svg-developers-unsubscr...@yahoogroups.com
* Your use of Yahoo! Groups is subject to:
http://docs.yahoo.com/info/terms/
[svg-developers] appearance of feDisplacement in Opera and IE/ASV (and others)
Running into various troubles [1,2] with feDisplacement for an upcoming presentation, I tried to simplify down to bare bones: http://srufaculty.sru.edu/david.dailey/svg/newstuff/gradientFilter1.svg Interestingly FF4 and Safari do not seem to attempt the displacement, while Chrome tries it (rather wrongly) when the file is locally served. No pair of browsers seem to agree on how the gradient inside the ellipse should be rendered, and most troublingly, IE/ASV and Opera differ both in terms of that gradient but also apparently in terms of the magnitude and positioning of the deformation. Opera misses the stroke around the ellipse which makes me think IE/ASV may have it right, but does it? High values of deformation seem to coincide there with peaks in the underlying chroma as one would expect. cheers David [Non-text portions of this message have been removed] - To unsubscribe send a message to: svg-developers-unsubscr...@yahoogroups.com -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: svg-developers-dig...@yahoogroups.com svg-developers-fullfeatu...@yahoogroups.com * To unsubscribe from this group, send an email to: svg-developers-unsubscr...@yahoogroups.com * Your use of Yahoo! Groups is subject to: http://docs.yahoo.com/info/terms/
Re: [svg-developers] Filter replacing colors selectively
I don't know about using filters as a part of CSS like that (nor in which
browsers it would work), but take a look at
http://www.w3.org/Graphics/SVG/IG/resources/svgprimer.html#filters
Specifically, both feColorMatrix and feComponentTransfer allow surgery on
ranges of colors. I can't right now think of a way of doing quite what you have
in mind other than converting high values of R+G+B = W to transparent and then
letting an underlying black rectangle shine through.
David
- Original Message -
From: Stanimir Stamenkov
To: svg-developers@yahoogroups.com
Sent: Saturday, August 14, 2010 6:03 PM
Subject: [svg-developers] Filter replacing colors selectively
I have very basic knowledge of SVG and I've been able to apply SVG filters to
images as part of my browser user style sheet like:
img {
filter: url(my-svg-filters.xml#filter-a);
}
Is there a way, what would be the filter definition to replace just certain
colors in an image, e.g. I want to swap black and white but keep the rest as
is?
--
Stanimir
[Non-text portions of this message have been removed]
-
To unsubscribe send a message to: svg-developers-unsubscr...@yahoogroups.com
-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:
svg-developers-dig...@yahoogroups.com
svg-developers-fullfeatu...@yahoogroups.com
* To unsubscribe from this group, send an email to:
svg-developers-unsubscr...@yahoogroups.com
* Your use of Yahoo! Groups is subject to:
http://docs.yahoo.com/info/terms/
[svg-developers] funny cross-browser issue involving top
An svg document is included in an HTML document using object Inside the HTML is a textarea (it has id=t, and I also tried name=t and putting it inside a form with id and/or name f). The SVG contains a script which attempt to scribble into the HTML text area using top.f.t.value=mystring or top.t.value=mystring or even QT=top.document.getElementById(t) QT.value=mystring This works in Opera and IE/ASV, but not in FF, Safari or Chrome. The FF error console (FF 4 beta) shows that top.t (or top.f.t or QT) is not defined though in Opera IE/ASV its nodeName shows up as textarea To see in context, you can visit http://srufaculty.sru.edu/david.dailey/svg/SVGOpen2010/Polygons/polygons8.html though there is a fair amount of code to wade through. Any ideas? I'm sure I've done things like this before. thanks, David [Non-text portions of this message have been removed] - To unsubscribe send a message to: svg-developers-unsubscr...@yahoogroups.com -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: svg-developers-dig...@yahoogroups.com svg-developers-fullfeatu...@yahoogroups.com * To unsubscribe from this group, send an email to: svg-developers-unsubscr...@yahoogroups.com * Your use of Yahoo! Groups is subject to: http://docs.yahoo.com/info/terms/
Re: [svg-developers] Determining viewport size
Hi Helder, When you figure it out, please let me know (or better yet add it somewhere in http://www.w3.org/Graphics/SVG/IG/resources/svgprimer.html :) I've just typically been lazy and drawn a rect width=100% height=100% x=0% y=0% fill=none / and then measured it using getBBox, but that's both clunky seeming and maybe won't work right with viewports. cheers David - Original Message - From: heldermagalhaes To: svg-developers@yahoogroups.com Sent: Tuesday, August 10, 2010 1:08 PM Subject: [svg-developers] Determining viewport size Hi everyone, It seems a simple question, although I'm not being able to find an easy answer: how can one determine the actual (screen) viewport size? I remember using innerWidth/innerHeight in the past (window object properties) but AFAIK these are not standard: at least, Window size and position information isn't addressed in the current Window Object specification [1]. Also, for example, these properties aren't supported by Batik [2] and probably other pure SVG implementations. Nevertheless, they seem to be supported by every Web browser that I'm aware of, so could this be seen as a Batik et. al. limitation? (That is, could one expect the properties to be made standard in a short-to-medium term?) One could also try getting limit coordinates (using a combination of the width/height/viewBox properties) and later do some maths to transform them to screen coordinates but intuitively this will fail unless preserveAspectRatio [3] is set to none (which would force the whole viewbox to be used but isn't often used as the graphics will appear stretched). Please shed some light into this matter and/or point me in the right direction: maybe I'm just missing something... ;-) Cheers, Helder [1] http://www.w3.org/TR/Window/ [2] http://xmlgraphics.apache.org/batik/status.html#ecmascript [3] http://www.w3.org/TR/SVG11/coords.html#PreserveAspectRatioAttribute [Non-text portions of this message have been removed] - To unsubscribe send a message to: svg-developers-unsubscr...@yahoogroups.com -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: svg-developers-dig...@yahoogroups.com svg-developers-fullfeatu...@yahoogroups.com * To unsubscribe from this group, send an email to: svg-developers-unsubscr...@yahoogroups.com * Your use of Yahoo! Groups is subject to: http://docs.yahoo.com/info/terms/
Re: [svg-developers] HOWTO: opposite clip
Interesting question. It seems so natural that I wondered if I hadn't missed a flag in the definition of the clip-path attribute that might not do exactly that, but if it is there I don't see it. But your reason for not using a mask isn't clear. Last I checked, this example works just fine in Chrome and Safari: mask id=Ma rect x=0 y=0 height=100% width=100% fill=white/ ellipse cx=55% cy=190 rx=15% ry=60 fill=black/ /mask image xlink:href='http://srufaculty.sru.edu/david.dailey/svg/thesoul2.jpg' y=110 x=35% width=35% height=160 mask=url(#Ma)/ The image is clipped to the opposite of the ellipse. Hope this helps. David - Original Message - From: iliribur To: svg-developers@yahoogroups.com Sent: Saturday, July 31, 2010 7:05 AM Subject: [svg-developers] HOWTO: opposite clip Hi. I want to do opposite clipping. Everything outside clipping path should be visible. Masking is excluded here, as it is not supported yet by the WebKit. I can add shape covering whole drawing area to the clipping path, but reversing coordinates. Problem is: duplicated paths, transformation calculating twice same coordinates + reversed coordinates for clipping path. Is it possible to use same path for drawing and clipping, but clipping will do opposite? I'm developing game where upper layer should mask lower layer to achieve better performance. For example, parallax effect drawing front to back, where upper layer will mask lower layer. Thanks in advance. [Non-text portions of this message have been removed] - To unsubscribe send a message to: svg-developers-unsubscr...@yahoogroups.com -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: svg-developers-dig...@yahoogroups.com svg-developers-fullfeatu...@yahoogroups.com * To unsubscribe from this group, send an email to: svg-developers-unsubscr...@yahoogroups.com * Your use of Yahoo! Groups is subject to: http://docs.yahoo.com/info/terms/
Re: [svg-developers] Re: Flash to SVG
I seem to recall that a year or so ago some of the folks from Sketsa (I think) were talking about making an animation editor built into their tool. I may be wrong, but I remember sharing some concepts with them about how to change the projection of the 4D animation space-time into the UI manifold, since I believe that Macromind Director botched the fundamental interface metaphor from the beginning. (I was just grumpy perhaps, since in 1980 I had tried to sell Disney on an animation authoring platform that I thought would have been much more intuitive and would have sped up development considerably: give the author two (2+) dimensions of choreography with time being orthogonal and iconographic. Disney was gun-shy about computing at the time, and by the time Macromind surfaced, I was terribly disappointed in it!) I think it was Sketsa, but it may have been Sodipodi. Someone on this list undoubtedly knows more. David - Original Message - From: Rakesh Agarwal To: svg-developers@yahoogroups.com Sent: Wednesday, December 24, 2008 6:40 AM Subject: Re: [svg-developers] Re: Flash to SVG Thanks Samy, THats what I was thinking, is there any authoring tool for SVG animation. The only SVG authoring tool I could find is Inkscape but thats also only for static images, I looked at Ikivo as well but the document seems to indicate that all the frames are to be first created in Adobe Illustrator and Ikivo animator would just combine them to create a animation Its confusing as well since SVG follows time based animation but Ikivo document seems to indicate that it would follow frame based animation - Rakesh --- On Wed, 12/24/08, Samuel Dagan da...@post.tau.ac.il wrote: From: Samuel Dagan da...@post.tau.ac.il Subject: [svg-developers] Re: Flash to SVG To: svg-developers@yahoogroups.com Date: Wednesday, December 24, 2008, 9:51 AM Hi Rakesh, I don't know about such converter, and I believe there is none. Since Adobe bought Macromedia, Adobe stopped its support for SVG (remember the ASV plugin) and is now concentrating in the Macromedia's vector graphics: Flash. You should try to get an answer from Adobe. Cheers, Samy --- In svg-developers@ yahoogroups. com, raks35 rak...@... wrote: Hi All, I have flash animations but I need to convert those to SVG. Where can I find such a tool, I have googled the web but I have found none which can convert animations. Most of them can only convert static images - Rakesh [Non-text portions of this message have been removed] [Non-text portions of this message have been removed] - To unsubscribe send a message to: svg-developers-unsubscr...@yahoogroups.com -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:svg-developers-dig...@yahoogroups.com mailto:svg-developers-fullfeatu...@yahoogroups.com * To unsubscribe from this group, send an email to: svg-developers-unsubscr...@yahoogroups.com * Your use of Yahoo! Groups is subject to: http://docs.yahoo.com/info/terms/
Re: [svg-developers] Tubefy
This link is really cool! Thanks for posting it! If anyone didn't get a chance to look, please do! David - Original Message - From: owlgems To: svg-developers@yahoogroups.com Sent: Monday, December 22, 2008 11:42 AM Subject: [svg-developers] Tubefy Hi to all First time here. Real name Israel Eisenberg www name Owl. Am not a professional programer, not familiar with filters nor with declarative ani, what I like I do with JavaScript. Encouraged by David Dailey (combined with a mild physical pressure :-))following is a link to the tubefy methods, some experiments I made in the direction David call: Gradients that are neither linear nor radial. https://owl3d.com/svg/tubefy/ Criticism welcome in simple language please, English is not one of my native methods. [Non-text portions of this message have been removed] - To unsubscribe send a message to: svg-developers-unsubscr...@yahoogroups.com -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:svg-developers-dig...@yahoogroups.com mailto:svg-developers-fullfeatu...@yahoogroups.com * To unsubscribe from this group, send an email to: svg-developers-unsubscr...@yahoogroups.com * Your use of Yahoo! Groups is subject to: http://docs.yahoo.com/info/terms/
Re: [svg-developers] Re: Stroke width inside the shape -- Bug in Opera 9.61 and IE/ASV ???
Hi Helder, Somehow this posting (which I tried to post several days ago) only showed up this week -- curious. So now there are two threads on the same topic, sorry! Yes, it does set up a circular reference. Robert Longson observed such last week. It seemed like it might provide an easy solution to the problem of making a stroke appear only inside a shape, as Frank Bruder had observed, but clearly Opera and IE don't like the circular reference. It seems that all browsers react differently. cheers David - Original Message - From: Helder Magalhães To: svg-developers@yahoogroups.com Sent: Monday, December 22, 2008 11:48 AM Subject: [svg-developers] Re: Stroke width inside the shape -- Bug in Opera 9.61 and IE/ASV ??? Opera 9.61 closes itself immediately after opening the file. IE/ASV 3.03 at first displays nothing, and then closes itself if the reload button is pushed. Cool, I guess you've found a crasher! ;-) By quickly looking at the code, it seems that it sets up a circular reference, which seems to be invalid (at least, in SVGMobile 1.2) [1]. Or am I missing something? Of course that, even in case it is an error, proper protection should exist in implementations (IMHO a crash is not acceptable behavior)... Cheers, Helder [1] http://www.w3.org/TR/SVGMobile12/linking.html#circular-iri [Non-text portions of this message have been removed] - To unsubscribe send a message to: svg-developers-unsubscr...@yahoogroups.com -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:svg-developers-dig...@yahoogroups.com mailto:svg-developers-fullfeatu...@yahoogroups.com * To unsubscribe from this group, send an email to: svg-developers-unsubscr...@yahoogroups.com * Your use of Yahoo! Groups is subject to: http://docs.yahoo.com/info/terms/
Re: [svg-developers] Please can any one help me ,how to fill color at particular point on image using svg
Well, the filling of a region of contiguous pixels from one point, as with the
paint bucket in MacPaint and its descendents (including Photoshop), is more of
a bitmapped concept than a vector graphics concept. One does not really have
access to pixels in SVG (though there are certainly times at which it would be
nice if we did!).
However, suppose we have a pre-existing vector map: a collection of basic
elements like paths and rects and so forth. Then, using JavaScript, one can
attach event handlers to all the elements of that vector map, let the cursor
turn into a paint bucket shaped icon, and allow the click of the mouse on any
particular element be translated into a command that colors that object with
the actively chosen color, gradient or pattern.
So if this is what you mean, then the answer would be with JavaScript as in:
VM = [ list of basic elements ]
for (var i in VM) VM.setAttributeNS(null, onclick, paintfill(evt))
function paintfill(evt){
var O=evt.target
O.setAttributeNS(null, fill, activeColor)
}
This answer rather presupposes that you're building some kind of drawing app,
of which several proofs of concept have already been demonstrated here and
there.
Hope this makes sense
David Dailey
- Original Message -
From: chandra reddy
To: svg-developers@yahoogroups.com
Sent: Wednesday, December 17, 2008 3:47 AM
Subject: [svg-developers] Please can any one help me ,how to fill color at
particular point on image using svg
Hi All
Please can any one help me ,how to fill color at particular point on image
using svg
Advanced Thanks.
Regards
P.Chandra Shaker Reddy
[Non-text portions of this message have been removed]
[Non-text portions of this message have been removed]
-
To unsubscribe send a message to: svg-developers-unsubscr...@yahoogroups.com
-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:svg-developers-dig...@yahoogroups.com
mailto:svg-developers-fullfeatu...@yahoogroups.com
* To unsubscribe from this group, send an email to:
svg-developers-unsubscr...@yahoogroups.com
* Your use of Yahoo! Groups is subject to:
http://docs.yahoo.com/info/terms/
Re: [svg-developers] Please can any one help me ,how to fill color at particular point on image using svg
In looking at your code, two suggestions come to mind:
1. By doubly looping through up to a quarter of a million (512 x 512 ) array
elements to see if they belong to bgarray or not, that could be time consuming,
by itself. The 2^18 steps in JavaScript alone, could be where some of the
problem lies, independent of any SVG considerations.
Basically bgarray is a sparse matrix of some sort, I suppose. I would suggest
running through that once, server-side to a new array
which is simply a list of the integer values of bgvar for which bgarray[bgvar]
= 1. The sparse matrix is then compacted to a smaller collection, that could
then more adroitly be handled by your JavaScript.
newArray=[]
for (i in bgvar) if (bgvar[i]==1) newArray.push(i)
Then when it is time to create the new nodes, you'll only have a fraction
(hopefully small) of the original data (now stored in newArray) to loop
through. This seems like a case where the advantage of a speedy language
running server-side could really help, particularly if the matrix itself
remains unchanged across multiple invocations of the web program.
Also, rather than cloning all the new nodes (which involves both entering the
DOM to get the node and its properties, but also re-entering the DOM to append
the new node), I would imagine that
var newnode=document.createElementNS(svgns, rect)
followed by all the setAttributes that you're already doing might be a bit
faster, since it looks like the list of properties inherited from the
pre-existing rect is probably no greater than the number of properties you're
assigning dynamically.
Hope this helps
David
- Original Message -
From: chandra reddy
To: svg-developers@yahoogroups.com
Sent: Wednesday, December 17, 2008 7:25 AM
Subject: Re: [svg-developers] Please can any one help me ,how to fill color
at particular point on image using svg
thanks for reply.
when i use following code
for(i=0;i512;i++)
{
var x =0;
for(var l=0;l512;l++)
{
if(bgarray[bgvar]==1)
{
var svgobj = svgDocument.getElementById(rect);
var newnode = svgobj.cloneNode(false);
svgstyle = newnode.getStyle();
k++;
//svgstyle.setProperty ('opacity', 0.3);
svgstyle.setProperty ('fill', red);
newnode.setAttribute ('id','bg'+k);
newnode.setAttribute ('x', x);
newnode.setAttribute ('y', y);
newnode.setAttribute ('width',0.78);
newnode.setAttribute ('height',0.78);
newnode.setAttribute ('visibility','visible');
var contents = svgDocument.getElementById ('contents');
newnode = contents.appendChild (newnode);
}
bgvar =bgvar+1;
x = x+0.78;
}
y = y+0.78;
it is working fine , but it is taking more time, can any one help how shoud i
reduce time.
thanks and regards
P.Chandra Shaker Reddy
From: ddailey ddai...@zoominternet.net
To: svg-developers@yahoogroups.com
Sent: Wednesday, December 17, 2008 5:30:37 PM
Subject: Re: [svg-developers] Please can any one help me ,how to fill color
at particular point on image using svg
Well, the filling of a region of contiguous pixels from one point, as with
the paint bucket in MacPaint and its descendents (including Photoshop), is more
of a bitmapped concept than a vector graphics concept. One does not really have
access to pixels in SVG (though there are certainly times at which it would be
nice if we did!).
However, suppose we have a pre-existing vector map: a collection of basic
elements like paths and rects and so forth. Then, using JavaScript, one can
attach event handlers to all the elements of that vector map, let the cursor
turn into a paint bucket shaped icon, and allow the click of the mouse on any
particular element be translated into a command that colors that object with
the actively chosen color, gradient or pattern.
So if this is what you mean, then the answer would be with JavaScript as in:
VM = [ list of basic elements ]
for (var i in VM) VM.setAttributeNS( null, onclick, paintfill(evt) )
function paintfill(evt) {
var O=evt.target
O.setAttributeNS( null, fill, activeColor)
}
This answer rather presupposes that you're building some kind of drawing app,
of which several proofs of concept have already been demonstrated here and
there.
Hope this makes sense
David Dailey
- Original Message -
From: chandra reddy
To: svg-developers@ yahoogroups. com
Sent: Wednesday, December 17, 2008 3:47 AM
Subject: [svg-developers] Please can any one help me ,how to fill color at
particular point on image using svg
Hi All
Please can any one help me ,how to fill color at particular point on image
using svg
Advanced Thanks.
Regards
P.Chandra Shaker Reddy
[Non-text portions of this message have been removed]
[Non-text portions of this message have been removed]
[Non-text portions of this message have been removed]
[Non-text portions of this message have been removed
Re: [svg-developers] Re: Stroke width inside the shape -- Bug in Opera and IE??
Apologies if this message appears here more than once -- I have had some trouble with some of my postings to this group recently - I saw Frank's suggestion (below) and thought yes of course! How straightforward. So I thought I'd check it out to make sure it worked the way we'd expect. Hmmm Bad news! Look at http://srufaculty.sru.edu/david.dailey/halfstroke0.svg (source code included below). Safari and Chrome seem to (sort of) do it correctly - though they differ rather clearly in how they handle the anti-aliasing around the clipping region. Firefox (3.0.4) displays nothing. Opera 9.61 closes itself immediately after opening the file. IE/ASV 3.03 at first displays nothing, and then closes itself if the reload button is pushed. Pretty amazing behavior, I would posit. I couldn't believe it this weekend when I tried it at home serving it locally, so I thought I'd try it viewing from a different machine at the office and coming from a server, but, sigh, same results. David halfstroke0.svg svg xmlns=http://www.w3.org/2000/svg; width=100% xmlns:xlink=http://www.w3.org/1999/xlink; defs clipPath id=cp_poly1 use xlink:href=#poly1/ /clipPath /defs path id=poly1 d=M 100 100 300 150 200 150 150 400 z clip-path=url(#cp_poly1) stroke=blue stroke-width=15px/ /svg halfstroke0.svg - Original Message - From: Frank Bruder To: svg-developers@yahoogroups.com Sent: Friday, December 12, 2008 10:32 PM Subject: [svg-developers] Re: Stroke width inside the shape You could do this with a clip path. Sample code snippet: defs clipPath id=cp_poly1 use xlink:href=#poly1/ /clipPath /defs polygon id=poly1 points=... clip-path=url(#cp_poly1) stroke=blue stroke-width=5px/ The stroke is drawn centered around the outline, but the outer part is clipped by using the same shape as a clip path. --- In svg-developers@yahoogroups.com, jgfa92004 juliegaut...@... wrote: Hi, Is there a way to set the stroke width of a polyline inside the shape instead of half inside and half outside ? Thanks. Julie [Non-text portions of this message have been removed] - To unsubscribe send a message to: svg-developers-unsubscr...@yahoogroups.com -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:svg-developers-dig...@yahoogroups.com mailto:svg-developers-fullfeatu...@yahoogroups.com * To unsubscribe from this group, send an email to: svg-developers-unsubscr...@yahoogroups.com * Your use of Yahoo! Groups is subject to: http://docs.yahoo.com/info/terms/
Re: [svg-developers] Re: Converting JPG files to SVG
Hi Andrew a_matseevsky wrote: It is not the first time when I'm trying to explain: there is no way to create perfect raster to vector converter (conversion from JPG to SVG is in fact this op) without advanced gradient fills support. Linear, radial and meshes-based methods are too primitive. Visit http://www.smartfills and download SVSViewer.zip. This prog contents some image files. These files has been created with my converter, what converts raster images to something like SVG files. Actually, theses files with SVS extension content set of records, what could be included into SVG too (this is why I name my vectors SVS- something as close to SVG as possible). Currently I'm trying to enhance conversion algorithm and structure of SVS files too: I see, that there are some things, what could be done better. But, even current state of advanced gradients fill shows enough clear, how flexible and impressive SVG graphic could be. P.S. If someone wants to play with my converter a little, let me know Yes, I wondered if you had seen the things about diffusion curves introduced at this year's SIGGraph. http://artis.imag.fr/Publications/2008/OBWBTS08/diffusion_curves.pdf . It was presented by some folks from INRIA, Grenoble U, U of Washington and Adobe. They seem to be talking about much the same thing as what you have been talking about and have similar observations about the limitations of more primitive gradients. It starts with a cubic bezier and then allows color gradients on either side, together with a set of blur control points that control the transitions between the two halves. They also have come up with a way of computing all this in a practical way, that looks very promising. A brief demo can be seen at http://www.youtube.com/watch?v=lEVe7vU5WiU . The work certainly reminded me of what you've been working with for some years now, though it may in fact be a quite distinct approach. Regards David [Non-text portions of this message have been removed] - To unsubscribe send a message to: svg-developers-unsubscr...@yahoogroups.com -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:svg-developers-dig...@yahoogroups.com mailto:svg-developers-fullfeatu...@yahoogroups.com * To unsubscribe from this group, send an email to: svg-developers-unsubscr...@yahoogroups.com * Your use of Yahoo! Groups is subject to: http://docs.yahoo.com/info/terms/
Re: [svg-developers] Re: Safari 3.2.1 with ASV 3.0 won't View Source
Kenneth Nellis wrote: In my experiment, I removed ASV and then relaunched Safari to see what worked. SMIL didn't. I reinstalled ASV and SMIL worked again. So, I conclude that Safari doesn't do SMIL. Or is something else going on That is true. Safari does not yet support SMIL. It seems to be on its way fairly soon though. Both Google Chrome and Safari are based, at least in part, on WebKit. WebKit's nightly builds, we are told, now support SMIL, though I'm not sure how fully. David - To unsubscribe send a message to: svg-developers-unsubscr...@yahoogroups.com -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:svg-developers-dig...@yahoogroups.com mailto:svg-developers-fullfeatu...@yahoogroups.com * To unsubscribe from this group, send an email to: svg-developers-unsubscr...@yahoogroups.com * Your use of Yahoo! Groups is subject to: http://docs.yahoo.com/info/terms/
Re: [svg-developers] Stroke width inside the shape
Oops, sorry Julie, to have sent you barking down a path (I'm sure there must be an appropriate idiom for this -- maybe hunting the wild turkey or something) ; the superpath is just an idea [1] at the moment; not a part of any existing spec. I do think it would be useful for just the sort of thing you're doing though, being envisioned to, potentially, avoid a lot of scripting and/or complexity. David [1] http://srufaculty.sru.edu/david.dailey/svg/Spec.html - Original Message - From: julie gautier To: svg-developers@yahoogroups.com Sent: Thursday, December 11, 2008 3:25 AM Subject: Re : [svg-developers] Stroke width inside the shape That's exactly what I'm trying to do (a map with adjacent regions)... Thanks for the hint, I'm going to look at the superPath. Julie De : ddailey ddai...@zoominternet.net À : svg-developers@yahoogroups.com Envoyé le : Jeudi, 11 Décembre 2008, 3h47mn 56s Objet : Re: [svg-developers] Stroke width inside the shape The only way that I can think of would be to create an identical object that would be centered at the same locus, but a wee bit bigger (like scaled by 1+strokewidth/ object'sDiameter ) and have this object filled with none. That object could then be used to mask the original object keeping the original's stroke inside the intended perimeter. One could write a script to do that, but if the regions contained concavities, then this wouldn't work so well. It strikes me that the use case for what you're talking about would include when someone wants to draw a map of adjacent regions, and wants the stroke to have differing colors, but does not want the strokes to bleed out or overlap one another. That is, it seems like the situation you're describing might occur fairly often, but I can't see an easy way to do it currently. The superPath may be just the idea, since it is intended to allow the concept of adjacency of regions to be formalized at the level of SVG, but it's only an idea at present. Maybe someone else has another idea? cheers David - Original Message - From: jgfa92004 To: svg-developers@ yahoogroups. com Sent: Wednesday, December 10, 2008 1:27 PM Subject: [svg-developers] Stroke width inside the shape Hi, Is there a way to set the stroke width of a polyline inside the shape instead of half inside and half outside ? Thanks. Julie [Non-text portions of this message have been removed] [Non-text portions of this message have been removed] [Non-text portions of this message have been removed] - To unsubscribe send a message to: svg-developers-unsubscr...@yahoogroups.com -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:svg-developers-dig...@yahoogroups.com mailto:svg-developers-fullfeatu...@yahoogroups.com * To unsubscribe from this group, send an email to: svg-developers-unsubscr...@yahoogroups.com * Your use of Yahoo! Groups is subject to: http://docs.yahoo.com/info/terms/
Re: [svg-developers] Stroke width inside the shape
The only way that I can think of would be to create an identical object that would be centered at the same locus, but a wee bit bigger (like scaled by 1+strokewidth/object'sDiameter) and have this object filled with none. That object could then be used to mask the original object keeping the original's stroke inside the intended perimeter. One could write a script to do that, but if the regions contained concavities, then this wouldn't work so well. It strikes me that the use case for what you're talking about would include when someone wants to draw a map of adjacent regions, and wants the stroke to have differing colors, but does not want the strokes to bleed out or overlap one another. That is, it seems like the situation you're describing might occur fairly often, but I can't see an easy way to do it currently. The superPath may be just the idea, since it is intended to allow the concept of adjacency of regions to be formalized at the level of SVG, but it's only an idea at present. Maybe someone else has another idea? cheers David - Original Message - From: jgfa92004 To: svg-developers@yahoogroups.com Sent: Wednesday, December 10, 2008 1:27 PM Subject: [svg-developers] Stroke width inside the shape Hi, Is there a way to set the stroke width of a polyline inside the shape instead of half inside and half outside ? Thanks. Julie [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] Safari Problem
I'm able to get the shapes overlaid on top of the image to respond (by turning pink and displaying text) to mouseclicks just fine in Safari 3.2 for windows. The floor buttons seem to change the visible floor plan as well. It seems to have the same behavior in Opera, FF and IE/ASV so am not sure what Safari might be missing. maybe you don't have the most current Safari? cheers David - Original Message - From: coggeshalldavid To: svg-developers@yahoogroups.com Sent: Tuesday, December 09, 2008 4:14 PM Subject: [svg-developers] Safari Problem Hi folks, I am working on a simple floor plan demonstration page at: http://maplab.org/harney1 This file works fine in Firefox, but not in Safari (no ASV plugin). Is there a Beta version of Safari that will render this page correctly? What is the outlook for Safari to work as well as Firefox for this type of programming? Also, are there other floor plan browser demonstrations that I could view and learn from? David Coggeshall San Francisco Communications MapLab Project 415 387-8760 [EMAIL PROTECTED] [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] Opera 10 alpha
http://www.tgdaily.com/content/view/40472/140/ excerpts from the article: Opera 10 alpha unveiled: Fully web compliant, 30% faster Also new: Opacity modifications through RGB and HSLA for setting the opacity of any web page element, the selectors API, and improvements in scalable vector graphics (SVG) format support that now includes the support for web fonts in SVG format as well. See also http://www.efluxmedia.com/news_Opera_Launches_Opera_10_30691.html 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/
[svg-developers] SMIL 3.0 released
W3C's announcement: http://www.w3.org/2008/12/smil3-pressrelease.html Press coverage: Wall Street Journal: http://www.marketwatch.com/news/story/SMIL-30-Advances-Standard-Synchronized/story.aspx?guid=%7BA0336409-96B2-4286-A68F-F8B23C040BA3%7D and also http://in.sys-con.com/node/764284 From a (very) quick look at the thing, a couple of things caught my eye: 1. a section on smilText -- looks pretty interesting 2. the animation section includes some stuff pertaining to mousefollow which would seem to eliminate some often redundant scripting 3. there is some stuff on transitions (like wipe and iris and snake) -- For example: seq img src=butterfly.jpg dur=5s ... / img src=eagle.jpg dur=5s ... / img src=wolf.jpg dur=5s ... / img src=seal.jpg dur=5s ... / /seq I always thought those things were a bit too cutesy to warrant standardization (the class of possible transitions from scene 1 to scene 2 is huge, so why codify any trivial subset?), but some of the syntax they advance is interesting, as I suppose is the set of transition primitives, which to some extent begin to look like filter primitives. Lying somewhere between filters and SMIL is some very fertile territory for 2.5 + dimensional standards development. It reminds me a bit of the contour and replicate tags for SVG that I've proposed in http://www.w3.org/Graphics/SVG/IG/wiki/A_place_to_gather_suggestions_and_discussion_of_new_features 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] onmousedown() and onclick() at the same time
Hi Julie,
I think what is happening when you put an alert in the middle of it all is this:
first the onmousedown is received, evt.type is then mousedown
next an alert fires
then to get rid of the alert the user has to move the mouse off of the group
(which received the mousedown)
so the click (which actually consists of a mousedown followed by a mouseup --
without any intervening mouseout event, I believe), is never actually received
by the group.
David
- Original Message -
From: julie gautier
To: svg-developers@yahoogroups.com
Sent: Wednesday, December 03, 2008 3:23 PM
Subject: Re : [svg-developers] onmousedown() and onclick() at the same time
Hi,
There's something I really don't understant, if somebody could help me : in
the javascript code David sent, if I add an alert in the 'all' function :
if (evt.type==click){
alert(evt.target.nodeName);
}
else{
alert(evt.type);
evt.currentTarget.firstChild.nextSibling.setAttributeNS(null,fill ,red)
}
then I have the following alerts : 'mousedown', 'mouseup' and the circle
turns red.
If I comment the alert(evt.type), I have the alert : 'circle' and the
circle turns red.
Could someone explain to me why this only line makes the click not fired
anymore ??
Thanks in advance.
De : Dailey, David P. [EMAIL PROTECTED]
À : svg-developers@yahoogroups.com
Envoyé le : Mercredi, 3 Décembre 2008, 18h29mn 48s
Objet : RE: [svg-developers] onmousedown() and onclick() at the same time
Take a look at the following; it lets different events on parts of the group
be registered and responded to.
Hope it helps
David
svg xmlns=http://www.w3. org/2000/ svg width=100%
xmlns:xlink= http://www.w3. org/1999/ xlink
script![CDATA[
xmlns=http://www.w3. org/2000/ svg
xlink=http://www.w3. org/1999/ xlink
function all(evt){
if (evt.type== click) alert(evt.target. nodeName)
else evt.currentTarget. firstChild. nextSibling. setAttributeNS( null,fill
,red)
}
//]]
/script
g onmousedown= all(evt) ; onmouseup=all( evt)
circle onclick=all( evt) fill=black r=5 cx=55 cy=55/
circle onclick=all( evt) fill=black r=5 cx=100 cy=100/
/g
/svg
From: svg-developers@ yahoogroups. com [mailto:svg-developers@ yahoogroups.
com] On Behalf Of jgfa92004
Sent: Wednesday, December 03, 2008 6:07 AM
To: svg-developers@ yahoogroups. com
Subject: [svg-developers] onmousedown( ) and onclick() at the same time
Hi,
I have the following svg code :
g onmousedown= down(evt) ; onmouseup=up( evt);
circle onclick=alert( 'circle1' ) fill=black r=5 cx=5 cy=5/
circle onclick=alert( 'circle2' ) fill=black r=5 cx=0 cy=0/
/g
My problème is that the onclick event is never called, apparently
because of the onmousedown and onmouseup events called in the first g.
What should I do to be able to call another function when a circle is
clicked ?
Thanks a lot.
[Non-text portions of this message have been removed]
[Non-text portions of this message have been removed]
[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] Click through the transparent part of an SVG element
I was nervous about two things in your example, and unfortunately only had a
chance to change both, but in ways that seemed to make things work in Opera,
FF, Safari and IE/ASV:
1. I got rid of the HTML altogether -- so that the appendChild statements were
going directly into the root of the SVG -- that's certainly not going to render
at all in IE (though many SVG developers have given up on that anyhow).
2. I didn't like using
path1.onclick = function() { alert(hello); };
in what is ultimately an SVG namespace
so instead I replace that with
path1.setAttribute(onclick,alert('hello'))
so in the following example (as adapted from your code) all seems to be working
everywhere.
I'm not sure if your example really covers the cases that you're interested in,
though I have never had the trouble you've described (that of having clicks on
things obscured by other objects in the SVG DOM) by doing it in ways I'm
accustomed to.
hope this helps
David
---
svg xmlns=http://www.w3.org/2000/svg; width=100%
xmlns:xlink=http://www.w3.org/1999/xlink;
script![CDATA[
var svgns = 'http://www.w3.org/2000/svg';
xlink=http://www.w3.org/1999/xlink;
Root=document.documentElement
function createPath(color, points) {
var path = document.createElementNS(svgns, 'path');
path.setAttributeNS(null, 'stroke-opacity', '1');
path.setAttributeNS(null, 'stroke-width', '5');
path.setAttributeNS(null, 'fill', 'none');
path.setAttributeNS(null, 'stroke', color);
path.setAttributeNS(null, 'd', points);
return path;
}
function createSvg(width, height, top, left) {
var svg = document.createElementNS(svgns, 'svg');
svg.style.position = 'absolute';
svg.style.width = width + 'px';
svg.style.height = height + 'px';
svg.style.top = top + 'px';
svg.style.left = left + 'px';
svg.setAttributeNS(null, 'viewBox', left + ' ' + top + ' ' + width + ' ' +
height);
return svg;
}
//var svg1 = createSvg(100, 100, 100, 100);
var path1 = createPath('red', 'M 100 100 L 200 200');
//path1.onclick = function() { alert(hello); };
path1.setAttribute(onclick,alert('hello'))
Root.appendChild(path1);
var svg2 = createSvg(100, 100, 150, 150);
var path2 = createPath('blue', 'M 150 250 L 250 150');
Root.appendChild(path2);
//Root.appendChild(svg1);
//Root.appendChild(svg2);
]]
/script
defs
/defs
/svg
--
- Original Message -
From: Vladimir Agafonkin
To: svg-developers@yahoogroups.com
Sent: Thursday, November 27, 2008 4:45 AM
Subject: [svg-developers] Click through the transparent part of an SVG element
Hi guys!
I'm implementing a mapping library (somehow similar to Google Maps)
and have a very frustrating problem with SVG - if I have several
independent SVG elements on an HTML page and one covers a part of the
other, shapes in that part don't receive click events. It behaves like
this in FF3 and Opera9 but surprisingly works fine in Safari 3.
Here's a simple test case to demostrate what I mean:
http://agafonkin.com/files/etc/svgbug.html (try clicking the red path)
Because of this problem I was forced to reimplement vector
functionality in my library so that all paths have one root SVG
element, but calculating shared viewBox is very inconvenient, besides
on high zoom levels this viewBox can become too big and it stops
rendering completely after some point.
I would appreciate any help on the matter. Thanks a lot in advance!
[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] Inverted mask?
I'm not sure if I follow, so let's start with an example: http://srufaculty.sru.edu/david.dailey/svg/carveholes.svg In this, clicking in the blue rectangle cuts holes in it so we can see what is behind. What doesn't happen here is that the holes do not then block the addition of new holes (in ways that one might consider suboptimal). Is it that you want the holes not to allow new drawing? cheers David - Original Message - From: svgprof To: svg-developers@yahoogroups.com Sent: Friday, November 21, 2008 2:15 PM Subject: [svg-developers] Inverted mask? Hello, how can I declare a shape (eg. filled circle) which prevents drawing? When I draw a shape inside a mask, then the shape allows drawing and the outside area is blocked. But I need the reverse: all outside area should allow drawing, but the shape-interior should be a hole. Thank you [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] Generate *non-overlapping* circles?
Hi Steve, Looking at the picture you've provided suggests to me the following approach: a) generate a Voronoi diagram [1] (I think this can be done quickly, i.e. in less than O(n^2) ) on a random set of n points; though I've never actually done it -- maybe somebody knows of a link to an SVG that does that already??; b) while generating, keep track of the edges (since these provide the incidence matrix of the graph); c) within each polygon, inscribe a circle -- inscribing a circle inside a convex polygon should be fairly easy it seems Whether the Voronoi diagrams would be representative of the set of all convex tessellations of the plane relevant to your purposes or not, I'm not sure. Alternative pseudo-random tessellations could be considered with domino tilings, rhombic tilings, or other nonperiodic tilings. That's probably how I'd try to do it. Alternative ways of approaching it would be to generate quasi 2-Euclidean graphs (as in [2]) (in which adjacency of nodes is based on a threshold of their 2-D Euclidean positions, followed by elimination of crossing lines); followed by expansion of circles until the radius equals half the distance of the nearest neighbor. Harary, I think, has a theorem of some sort establishing the number of distinct triangulations of a planar region -- one such triangulation could be induced upon a plane filled with n random points and from there the geometric dual would be something like a Voronoi diagram, it seems. holler when you get it done, since it'd be fun to see David [1] http://en.wikipedia.org/wiki/Voronoi_diagram [2] http://srufaculty.sru.edu/david.dailey/svg/graphs30.svg - Original Message - From: mercurysbane To: svg-developers@yahoogroups.com Sent: Tuesday, November 18, 2008 2:37 PM Subject: [svg-developers] Generate *non-overlapping* circles? Hey everyone! I have the need to generate non-overlapping circles, and I'm kind of dreading writing the code that will do it from scratch. In fact, it is even a little more complicated than that. I want to be able to take hierarchical information and generate a sort of random-looking web of nodes. Like this (imagine the middle circle is root): http://img4.pictiger.com/655/17374113.jpg I *think* I can write code that will generate something like this. I just know that it is going to take significant effort, so if anyone here has some ideas or previous experience doing something like this, or anything that might help me do it -- I'd really appreciate it. Right now, my plan is to do the actual graphics generation with dojo, unless someone can give me a better alternative... -Steve [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] logarithmic scale in svg
Well take a look at http://srufaculty.sru.edu/david.dailey/svg/newstuff/coords.svg This is linear by linear generated with JavaScript. To make it log by linear, I'd probably just decide on a set of points: [.01,.1, 1, 10, 100, 1000, 1] that would represent the range, then generate the points log(x) for x=2 through 9 -- drawing tick marks at the intermediate values and lines at the major points. cheers DD - Original Message - From: Sait Mesutcan Ýlhaner To: svg-developers@yahoogroups.com Sent: Thursday, October 30, 2008 7:15 PM Subject: RE: [svg-developers] logarithmic scale in svg Yeah,that is exactly what I am looking for.Thanks a lot.Do you know how to do it? --- On Fri, 10/31/08, Dailey, David P. [EMAIL PROTECTED] wrote: From: Dailey, David P. [EMAIL PROTECTED] Subject: RE: [svg-developers] logarithmic scale in svg To: svg-developers@yahoogroups.com Date: Friday, October 31, 2008, 12:16 AM I'm not sure quite what you mean. One could certainly plot a set of axes in which one axis progressed linearly and the other logarithmically; whence one could plot data as (x, y) pairs into that space. Is that what you're hoping to accomplish? DD _ _ __ From: svg-developers@ yahoogroups. com on behalf of Sait Mesutcan Ýlhaner Sent: Thu 10/30/2008 6:11 PM To: svg-developers@ yahoogroups. com Subject: [svg-developers] logarithmic scale in svg Hi guys.We are developing web applications with Ruby on Rails.We use Svg to display graphs.I just wanted to know if we can do logarithmic scale in svg? Do you know if this is possible?Thanks a lot. [Non-text portions of this message have been removed] [Non-text portions of this message have been removed] [Non-text portions of this message have been removed] [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] Re: midpoint(s) of a Bezier curve
Yes, I see what you're saying -- just go ahead and actually draw the curve from p0 to s and measure it -- then, of course! We will then know how long the curve is, and from that we can figure out just when a SMIL animation will traverse that point as it traverses the parent Bezier curve. clever! thanks David - Original Message - From: Frank Bruder To: svg-developers@yahoogroups.com Sent: Wednesday, October 29, 2008 6:46 PM Subject: [svg-developers] Re: midpoint(s) of a Bezier curve Let p0, p1, p2, p3 denote the control points of a cubic Bezier curve. p0 and p3 are the start and end point respectively. To get a better idea of the following, you should take paper and pencil and draw a sketch. Connect the control points with lines. Now place three points, q0, q1, q2, halfway between each two consecutive control points. That it, q0 = (p0 + p1) / 2 q1 = (p1 + p2) / 2 q3 = (p2 + p3) / 2 Now place two points, r0, r1, halfway between the q_s. r0 = (q0 + q1) / 2 r1 = (q1 + q2) / 2 Finally place a point, s, halfway between r0 and r1. s = (r0 + r1) / 2 This s is the midpoint in terms of the curve's parametrization. If you just want to find s you could calculate it more simply as s = (p0 + 3*p1 + 3*p2 + p3) / 8 But the intermediate steps of the above construction can be used if you want to split the curve up. The Bezier curve defined by the control points p0, q0, r0, s is exactly the first half of the original curve, up to the point s. The Bezier curve defined by s, r1, q2, p3 is the second half. Now you can create a new path element and use the control points for the first half to draw the segment of the original curve from p0 to s. getTotalLength(), called on the half curve, gives you the arc length at which s is on the original curve. Calculating arc lengths of cubic curves would require integrating the square root of a quartic polynomial. I suppose user agents implement getTotalLength() by measuring closely approximating polylines. There is no analytical solution for the general case. Arc length and the polynomial parametrization aren't linked by an easily computable function, so you should rely on the user agent's implementation of getArcLength() for this task. Note that it's easy to see now that the point s is not generally the point of maximum curvature. If it is for the curve with control points p0, p1, p2, p3 then we've just constructed two curves - given by p0, q0, r0, s; and s, r1, q2, p3 - which attain their maximum curvature at their end and start point respectively. The same goes for any local geometric property of the curve. Regards Frank --- In svg-developers@yahoogroups.com, ddailey [EMAIL PROTECTED] wrote: I've seen that some folks who pay attention to this list, also happen to be relatively comfortable with the math of Bezier curves. Suppose we have a path, P (involving a cubic Bezier : d=M x y C cx cy dx dy ex ey), then we can use P.getPointAtLength(P.getTotalLength()/2) to get the point which is halfway, in terms of arc length, from start to finish. Let's call that point H. We may also calculate a (usually) different point M, defined by a weighted average of the end points with the control points as shown in [1]. That M and H are both points on the curve follows from the midpoint theorem and from the definition of getPointAtLength() . That they need not be the same can be verified by inspection of few examples. I would be curious to know the arc length [2] of the curve from (x,y) to M (so that I might figure out when a SMIL animation will actually pass that point). I can tell by looking at the form of the parametric equation integrated over a radical involving its derivative, that my calculus is way too many decades old to even begin to work on it. Since M is sort of a special point, its arc length may also be special. Alternatively does anyone know where getPointAtLength is defined? I'm assuming it uses some numerical approximation? Is that function invertible (since I'd like to do just the opposite of what the JavaScript function does)? Ultimately I'm interested in the length of the arc to M since I'd like to use it as a point at which to place a bud for a new sprout on a branch -- it is also a point of sort of maximum curvature so it seems like a likely point for a bud to happen in a biological system. I can resort to using H instead -- since I can find it easily and I can presumably differentiate the curve at the point H, so as to generate a new sprout at some given angle relative to its parent branch. But M just seems more interesting, being in the center of the action, so to speak. David [1] http://homepage.smc.edu/kennedy_john/BEZIER.PDF [2] http://en.wikipedia.org/wiki/Arc_length [Non-text portions of this message have been removed
Re: [svg-developers] Re: other things you might not have the time for
Yes, perfect! thanks David - Original Message - From: Andreas Neumann To: svg-developers@yahoogroups.com Sent: Monday, October 27, 2008 4:27 AM Subject: [svg-developers] Re: other things you might not have the time for Hi David, not sure I fully understand your requirement. Are you looking for a progressive drawing of a path geometry? If yes, you can do this by animating the stroke-dash of a path. Here are 2 examples: http://www.carto.net/papers/svg/samples/animated_bustrack.shtml and http://pilat.free.fr/english/animer/france.htm Andreas --- In svg-developers@yahoogroups.com, ddailey [EMAIL PROTECTED] wrote: I will hope Frank finds the time to do the things he's talking about -- they all sound quite worthwhile. I, on the other hand, have been playing a bit more: http://srufaculty.sru.edu/david.dailey/svg/followpath6.svg You'll need SMIL support and JavaScript in your SVG to see it, but it's only 100 lines of code so it can be comprehended with a large glance. In the long run, a student and I are interested in animating the growth of a tree, but I wanted to get a simple context sensitive theory of budding. I've slowed down the budding so the brambles don't surround the castle too quickly. It might be nice to use a Lindenmeyer system (sort of a Chomskian grammar in parallel) to generate the budding, but for now it's just branch -- branch + branch, and there is no biophysics (other than edge avoidance). Any clever ideas on how to reveal the shape of a Bezier curve gradually -- namely to draw it as it is being traversed by an animation? cheers David [Non-text portions of this message have been removed] [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] other things you might not have the time for
I will hope Frank finds the time to do the things he's talking about -- they all sound quite worthwhile. I, on the other hand, have been playing a bit more: http://srufaculty.sru.edu/david.dailey/svg/followpath6.svg You'll need SMIL support and JavaScript in your SVG to see it, but it's only 100 lines of code so it can be comprehended with a large glance. In the long run, a student and I are interested in animating the growth of a tree, but I wanted to get a simple context sensitive theory of budding. I've slowed down the budding so the brambles don't surround the castle too quickly. It might be nice to use a Lindenmeyer system (sort of a Chomskian grammar in parallel) to generate the budding, but for now it's just branch -- branch + branch, and there is no biophysics (other than edge avoidance). Any clever ideas on how to reveal the shape of a Bezier curve gradually -- namely to draw it as it is being traversed by an animation? 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/
