Search found 37 matches
- Sat Mar 29, 2014 3:33 am
- Forum: SVG / XML Code
- Topic: <animate> <animateColor>
- Replies: 6
- Views: 3928
Re: <animate> <animateColor>
Hi Hulf, I thought I replied earlier, but my reply appears to have gone astray. I tale your point that adding the same 'ID' to both <use> and its child <animate> seems redundant. But it's required. Without it, the animate fails. I'm not sure we've mentioned that the <use> and the <animate> must BOTH...
- Sat Mar 29, 2014 12:46 am
- Forum: SVG / XML Code
- Topic: sleep()
- Replies: 4
- Views: 2933
Re: sleep()
Hi, Hulf, I don't mind posting the code. But the Forum Administrators might object. The JS is about 270 lines. The final function in the JS shows the sequence of functions. The final one: drawHex() is the key function. There's no CSS. The HTML is only 14 lines. <!DOCTYPE html PUBLIC "-//W3C//DT...
- Fri Mar 28, 2014 6:14 am
- Forum: SVG / XML Code
- Topic: sleep()
- Replies: 4
- Views: 2933
Re: sleep()
Hi hufl2012, I see again that you replied to my previous thread about sleep(). I felt then that I couldn.t show you my code as it was very complicated. I was using javascript to build ' 'honeycomb' of a mosaic of dozens of hexagons. Each hexagon was placed precisely, and each being of a different co...
- Fri Mar 28, 2014 5:59 am
- Forum: SVG / XML Code
- Topic: <animate> <animateColor>
- Replies: 6
- Views: 3928
Re: <animate> <animateColor>
Hi, hufl2012,
I see you have added the same ID to both each <use> and the <animate>.
I added the ID only to each <animate>
I don't understand why your method works, but must admit it does work.
Thanks, again
JimJoyce
I see you have added the same ID to both each <use> and the <animate>.
I added the ID only to each <animate>
I don't understand why your method works, but must admit it does work.
Thanks, again
JimJoyce
- Fri Mar 28, 2014 5:52 am
- Forum: SVG / XML Code
- Topic: <animate> <animateColor>
- Replies: 6
- Views: 3928
Re: <animate> <animateColor>
Hi, hulf2012,
APOLOGIES.
I've just pasted your code, and tested it in Opera.
It works perfectly.
(Opera is my default browser for my SVG. I find it most reliable.)
I've now got to discover how your code differs from mine.
Thanks, and sincere apologies, again,
JimJoyce
APOLOGIES.
I've just pasted your code, and tested it in Opera.
It works perfectly.
(Opera is my default browser for my SVG. I find it most reliable.)
I've now got to discover how your code differs from mine.
Thanks, and sincere apologies, again,
JimJoyce
- Fri Mar 28, 2014 5:40 am
- Forum: SVG / XML Code
- Topic: <animate> <animateColor>
- Replies: 6
- Views: 3928
Re: <animate> <animateColor>
Hi, hulf2012, Are you sure? I've added id="hx1..." to the <animate... I've tried four versions: <animate attributeType="CSS".. <animate attributeType="XML".. <animateColor attributeType="CSS".. <animateColor attributeType="XML".. In five browsers, as...
- Thu Mar 27, 2014 10:36 pm
- Forum: SVG / XML Code
- Topic: <animate> <animateColor>
- Replies: 6
- Views: 3928
<animate> <animateColor>
I am trying to use <animate> or <animateColor> within a <use>. They're not working correctly. I'm displaying three hexagons. I want one to change red-to-green, the next green-to-blue, the third blue-to-red. They all change red-green-blue-red. <svg width="200px" height="200px" vie...
- Thu Feb 27, 2014 9:51 pm
- Forum: SVG / XML Code
- Topic: sleep()
- Replies: 4
- Views: 2933
sleep()
Hi,
I'm trying to slow down a SVG build.
I'm using <use> in a javascript loop.
JS has no sleep() function.
Is there any way I can add 'dur="500ms"' to my <use>,
or can anyone suggest some other technique?
Thanks, in advance,
JJ
I'm trying to slow down a SVG build.
I'm using <use> in a javascript loop.
JS has no sleep() function.
Is there any way I can add 'dur="500ms"' to my <use>,
or can anyone suggest some other technique?
Thanks, in advance,
JJ
- Mon Nov 25, 2013 3:46 am
- Forum: Programming
- Topic: linearGradients
- Replies: 14
- Views: 5784
Re: linearGradients
Hi Tylerdurden, I note your point on using spreadsheets to generate your code. I often use it when creating similar lines of code. Didn't get round to using it this time. Probably because I normally use #xxx to define my colours, rather than rgb(). I'm not sure how Excel (or Calc) could cope with he...
- Mon Nov 25, 2013 3:36 am
- Forum: Programming
- Topic: linearGradients
- Replies: 14
- Views: 5784
Re: linearGradients
Hi Lazur, I read your comment about some browsers failing. I admit I've made Opera my default browser for SVG. But I have five browsers at the ready, Firefox my normal favourite, then Opera. I rarely use Chrome, use IE only to check it does something, and Safari, because it's available. I note you y...
- Sat Nov 23, 2013 10:26 pm
- Forum: Programming
- Topic: linearGradients
- Replies: 14
- Views: 5784
Re: linearGradients
Hi, Lazur,
Both are stunning..
I cannot imagine how you developed that chunk of code. 18000 lines !
Even the second one, 256 steps you say. I note over 500 Stops.
But that said. They are stunning.
Thanks,
JJ
Both are stunning..
I cannot imagine how you developed that chunk of code. 18000 lines !
Even the second one, 256 steps you say. I note over 500 Stops.
But that said. They are stunning.
Thanks,
JJ
- Fri Nov 22, 2013 9:45 pm
- Forum: Programming
- Topic: linearGradients
- Replies: 14
- Views: 5784
Re: linearGradients
Not a Reply, just a footnote: I suspect the problem lies at the join of two gradients. So, below the original spectrum, I've added another whibh bridges those joins. I've added 6 more <def>s <linearGradient id="mr" > <stop offset="0.0" style="stop-color: #ff0080;" /> <...
- Fri Nov 22, 2013 6:35 am
- Forum: Programming
- Topic: linearGradients
- Replies: 14
- Views: 5784
linearGradients
I've just started experimenting with linearGradients. I tried to display a spectrum of colours and am somewhat disappointed with the result. I expected a smooth transition but found it rather lumpy. Am I doing something wrong? <svg xmlns="http://www.w3.org/2000/svg" version="1.1"...
- Sun Jan 22, 2012 10:19 pm
- Forum: SVG / XML Code
- Topic: SVG with JS
- Replies: 6
- Views: 5764
Re: SVG with JS
SUCCESS !, well partly ! Thanks, Brynn, for your suggestions. I've succeeded in my challenge : to code SVG with ALL the SVG instructions simplified within contained javascript. Isn't that the essence of a SVG framework ? Isn't that the secret of Pergola? Someone put me wise ! I think I've removed al...
- Sun Jan 22, 2012 2:26 am
- Forum: SVG / XML Code
- Topic: SVG with JS
- Replies: 6
- Views: 5764
Re: SVG with JS
Here I am again, for the fourth time ! Just another footnote: I looked again at the article by Jonathan Watt on 'SVG Authoring Guidelines' which covers SVG and DOCTYPES (among other things) v. https://jwatt.org/svg/authoring/. At the end he recommended what I thought might be useful: property = evt....
- Sun Jan 22, 2012 12:50 am
- Forum: SVG / XML Code
- Topic: SVG with JS
- Replies: 6
- Views: 5764
Re: SVG with JS
I've just spotted a missing semicolon in line 10
of both test.html and test.svg.
var g1, g2, g3; // wrap, main, cont
That's not the problem. It was correct in both originals.
of both test.html and test.svg.
var g1, g2, g3; // wrap, main, cont
That's not the problem. It was correct in both originals.
- Sun Jan 22, 2012 12:42 am
- Forum: SVG / XML Code
- Topic: SVG with JS
- Replies: 6
- Views: 5764
Re: SVG with JS
I have now embedded 'svg.js' within 'test.html' to make it more comparable with 'test.svg'. They both hold virtually identical javascript. The only real difference is that the JS in the HTML needs to initiate SVG (function initSVG(). Both scripts contain an onload function init(), which starts thing...
- Thu Jan 19, 2012 2:32 am
- Forum: SVG / XML Code
- Topic: SVG with JS
- Replies: 6
- Views: 5764
Re: SVG with JS
Hi, again, Should I say more? Lets forget about the non-Opera failures, though I'm disappointed with Firefox. But Question 2 is what really bothers me. I'm building a simple block of buttons, within a frame, within a frame, within a frame. The key point is I'm trying to use SVG without embedding it ...
- Wed Jan 18, 2012 2:49 am
- Forum: SVG / XML Code
- Topic: SVG with JS
- Replies: 6
- Views: 5764
SVG with JS
I've embedded some SVG in HTML, using only JS to get initialise it. It works ONLY in Opera. I have two problems: (1) Why only in Opera? (2) How to dispense with the HTML, keeping only the JS which generates the SVG. Here's the HTML: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" ...
- Thu Nov 24, 2011 3:17 am
- Forum: SVG / XML Code
- Topic: SVG <use> with JS variables
- Replies: 14
- Views: 10443
Re: SVG <use> with JS variables
I think this is my final message on this topic. I can now iterate 6, 12 18 and 24 times. Variables x, y, rot and colr need to be changed, as well as the function-call iterate(?); iterate(6); var x = [275,370,335,205,110,145]; var y = [110,205,335,370,275,145]; var rot = [0,60,120,180,240,300]; var c...
- Wed Nov 23, 2011 11:58 pm
- Forum: SVG / XML Code
- Topic: SVG <use> with JS variables
- Replies: 14
- Views: 10443
Re: SVG <use> with JS variables
Hi Folks, I think I've got what I wanted. Thanks to you all. <?xml version="1.0" encoding="UTF-8"?> <!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"> <svg version="1.1" baseProfile="full" xml...
- Wed Nov 23, 2011 9:56 pm
- Forum: SVG / XML Code
- Topic: SVG <use> with JS variables
- Replies: 14
- Views: 10443
Re: SVG <use> with JS variables
Sorry, again.
I've just spotted my Opera's Zoom-control, bottom-left, is at full magnification
I've just spotted my Opera's Zoom-control, bottom-left, is at full magnification
- Wed Nov 23, 2011 9:47 pm
- Forum: SVG / XML Code
- Topic: SVG <use> with JS variables
- Replies: 14
- Views: 10443
Re: SVG <use> with JS variables
Sorry, just a footnote. I was viewing TomH's work in Opera, my favourite for SVG. That's where the image is over-large. I've since tried FF, IE and Chrome. At first FF showed a normal-sized image, disappearing, top-left. It has since disappeared completely !! IE & Chrome both show it disappearin...
- Wed Nov 23, 2011 9:15 pm
- Forum: SVG / XML Code
- Topic: SVG <use> with JS variables
- Replies: 14
- Views: 10443
Re: SVG <use> with JS variables
First: Apologies to Chrisswww. You told me look at Carto.net. I did, but not too seriously. I thought I knew all that stuff !!!. It was only when TomH referred to 'document.getElementById("FirstGroup")' that I really searched. Even then I missed both references as I was expecting it to fol...
- Tue Nov 22, 2011 10:32 pm
- Forum: SVG / XML Code
- Topic: looking for mentor/trainer
- Replies: 5
- Views: 3813
Re: looking for mentor/trainer
Hi Astradamasta, You may have noted I placed a brief response in your other topic 'Adding animation code'. As I said then, I'm just a learner, like you. (But, I bet you're not 80 years old, like me.) So I'm not offering my services as a tutor. My only tutor is the O'Reilly book 'SVG Essentials' by J...