RE: animating the fill attribute of SVG with values changing from url(#g1) to url(#g2)
"
[email protected] [svg-developers]" <
[email protected]>
Mon, 29 Feb 2016 06:52:52 -0700
| Newsgroups |
gmane.text.xml.svg.devel |
| Message-ID |
<20160229065252.ba7b2c8bcece7cff40f52fc4f864ff8a.9682abcea5.wbe@email07.europe.secureserver.net> |
<head>
<style type=3D"text/css">
<!--
/* start of attachment style */
.ygrp-photo-title{
clear: both;
font-size: smaller;
height: 15px;
overflow: hidden;
text-align: center;
width: 75px;
}
div.ygrp-photo{
background-position: center;
background-repeat: no-repeat;
background-color: white;
border: 1px solid black;
height: 62px;
width: 62px;
}
div.photo-title=20
a,
div.photo-title a:active,
div.photo-title a:hover,
div.photo-title a:visited {
text-decoration: none;=20
}
div.attach-table div.attach-row {
clear: both;
}
div.attach-table div.attach-row div {
float: left;
/* margin: 2px;*/
}
p {
clear: both;
padding: 15px 0 3px 0;
overflow: hidden;
}
div.ygrp-file {
width: 30px;
valign: middle;
}
div.attach-table div.attach-row div div a {
text-decoration: none;
}
div.attach-table div.attach-row div div span {
font-weight: normal;
}
div.ygrp-file-title {
font-weight: bold;
}
/* end of attachment style */
-->
</style>
</head>
<html><body>
<!-- |**|begin egp html banner|**| -->
<br><br>
<!-- |**|end egp html banner|**| -->
<span style=3D"font-family:Verdana; color:#000000; font-size:10pt;"><div><b=
r>David,</div><div><br></div><div>We must admit that the plan to demolish t=
he SVG animations standard succeeded, and the task was effectively carried =
out<span style=3D"">, make no mistake,</span><span> against all protes=
ts and opposing arguments. I mean, it's quite obvious that any opposing rep=
ly to the announcement of</span><span> </span><span style=3D"">depreca=
tion</span><span> was never even simply read, let alone considered. Gi=
ven the diversity of arguments and tone in the posts, it's impossible that =
none of them would ever get a response. You must have noticed though that p=
osts inquiring about alternatives did get answered. That's what you're deal=
ing with. Does that evoke democracy to you? Remember when I used the word "=
fascist" out loud in Paris 2010? It was actually meant for the squad, not j=
ust the poor PR person that got it. Well, here goes again.</span></div><div=
><br></div><div>"<span style=3D"">Is there a workaround?</span><span>"</spa=
n></div><div><span><br></span></div><div><span>This was a typical question =
during the IE-Netscape war.</span></div><div><span><br></span></div><div><s=
pan>"</span><span>Can we assume that the Chrome team will never again fix a=
SVG standards-related browser bug?</span><span>"</span></div><div><span><b=
r></span></div><div><span>From what has been announced, we can assume that,=
at least in regard to the animations.</span></div><div><span><br></span></=
div><div><span><br></span></div><div><span>Domenico</span></div><div><span>=
<br></span></div><div><span> </span></div>
<blockquote id=3D"replyBlockquote" webmail=3D"1" style=3D"border-left: 2px =
solid blue; margin-left: 8px; padding-left: 8px; font-size:10pt; color:blac=
k; font-family:verdana;">
<div id=3D"wmQuoteWrapper">
-------- Original Message --------<br>
Subject: Re: [svg-developers] animating the fill attribute of SVG with<br>
values changing from url(#g1) to url(#g2)<br>
From: "Cameron Laird <a href=3D"mailto:[email protected]">[email protected]=
et</a> [svg-developers]"<br>
<<a href=3D"mailto:[email protected]">svg-developers@yahoog=
roups.com</a>><br>
Date: Sat, February 27, 2016 9:39 pm<br>
To: <a href=3D"mailto:[email protected]">svg-developers@yahoog=
roups.com</a><br>
<br>
<span style=3D"display:none"> </span> <div id=3D"ygrp-mlmsg" st=
yle=3D"position:relative;"> <div id=3D"ygrp-msg" style=3D"z-index: 1;"> <d=
iv id=3D"ygrp-text"> <div></div><div dir=3D"ltr">Rather than just "... nowa=
days <span style=3D"color:rgb(34,36,38);font-family:Arial,sans-serif;"=
>easier to change specs than to fix bugs in one=E2=80=99s code", it's been =
going on for centuries--or, if we restrict our attention to computing, at l=
east the early '60s.</span></div><div class=3D"gmail_extra"><br clear=3D"al=
l"><div><div class=3D"gmail_signature"><div dir=3D"ltr"><div><div dir=3D"lt=
r"><div><div dir=3D"ltr">Cameron Laird, vice president</div><div dir=3D"ltr=
"><img src=3D"http://phaseit.net/images/phase-it-logo-web.jpg" style=3D"f=
ont-size:12.8px;"></div><div><font size=3D"4" color=3D"#ff0000">We make com=
puters work for people.</font></div></div></div></div></div></div></div> <b=
r><div class=3D"gmail_quote">On Sat, Feb 27, 2016 at 3:34 PM, 'David Dailey=
' <a target=3D"_blank" href=3D"mailto:[email protected]">ddailey@zoo=
minternet.net</a> [svg-developers] <span dir=3D"ltr"><<a href=3D"mailto:=
[email protected]" target=3D"_blank">svg-developers@yahoogroup=
s.com</a>></span> wrote:<br><blockquote class=3D"gmail_quote" style=3D"b=
order-left:1px #ccc solid;"> <div lang=3D"EN-US" link=3D"blue" vlink=3D"pur=
ple"> <br><br> <div><div class=3D"MsoNormal" style=3D"font-size:12pt;"><spa=
n style=3D"font-size:11.5pt;color:#222426;">Hi folks, (apologies for also p=
osting this at stackoverflow, but I find that place difficult to use)<u></u=
><u></u></span></div><div class=3D"MsoNormal" style=3D"font-size:12pt;"><sp=
an style=3D"font-size:11.5pt;color:#222426;"><a href=3D"http://cs.sru.edu/~=
ddailey/ello/randomGradientsAnim.svg" target=3D"_blank">http://cs.sru.edu/~=
ddailey/ello/randomGradientsAnim.svg</a> works fine in Firefox, but not in =
Chrome, perhaps because of Chrome's lack of support for standardized SVG an=
imation. relevant code: <u></u><u></u></span></div><div class=3D"MsoNormal"=
style=3D"font-size:12pt;"><span style=3D"font-size:11.5pt;color:#222426;">=
<animate attributeName=3D"fill" repeatCount=3D"indefinite" dur=3D"3s" va=
lues=3D"url(#g0);url(#g1);url(#g2);url(#g3);url(#g4)" /><u></u><u></u></=
span></div><div class=3D"MsoNormal" style=3D"font-size:12pt;"><span style=
=3D"font-size:11.5pt;color:#222426;"><u></u> <u></u></span></div><div =
class=3D"MsoNormal" style=3D"font-size:12pt;"><span style=3D"font-size:11.5=
pt;color:#222426;">Okay, so let's say I assume for a moment that CSS is the=
way to go: <a href=3D"http://cs.sru.edu/~ddailey/ello/randomGradientsAnim3=
.svg" target=3D"_blank">http://cs.sru.edu/~ddailey/ello/randomGradientsAnim=
3.svg</a> Here, using CSS to do the animation works for named colors but no=
t for gradients with local URL=E2=80=99s in either FF or Chrome. Is there a=
workaround?<u></u><u></u></span></div><div class=3D"MsoNormal" style=3D"fo=
nt-size:12pt;"><span style=3D"font-size:11.5pt;color:#222426;"><u></u> =
;<u></u></span></div><div class=3D"MsoNormal" style=3D"font-size:12pt;"><sp=
an style=3D"font-size:11.5pt;color:#222426;">Can we assume that the Chrome =
team will never again fix a SVG standards-related browser bug? Apparently i=
t is nowadays easier to change specs than to fix bugs in one=E2=80=99s code=
. <u></u><u></u></span></div><div class=3D"MsoNormal" style=3D"font-size:12=
pt;"><span style=3D"font-size:11.5pt;color:#222426;"><u></u> <u></u></=
span></div><div class=3D"MsoNormal" style=3D"font-size:12pt;"><span style=
=3D"font-size:11.5pt;color:#222426;">Cheers<u></u><u></u></span></div><div =
class=3D"MsoNormal" style=3D"font-size:12pt;"><span style=3D"font-size:11.5=
pt;color:#222426;">David</span><u></u><u></u></div></div> <br> <br> <div wi=
dth=3D"1" style=3D"color:white;"></div> </div></blockquote></div><br></div>=
<div></div> </div> <div style=3D"color: #fff; height: 0;"></div> <sty=
le type=3D"text/css">
#wmQuoteWrapper #ygrp-mkp { border: 1px solid #d8d8d8; font-family: Arial=
; margin: 10px 0; padding: 0 10px; }
#wmQuoteWrapper #ygrp-mkp hr { border: 1px solid #d8d8d8; }
#wmQuoteWrapper #ygrp-mkp #hd { color: #628c2a; font-size: 85%; font-weig=
ht: 700; line-height: 122%; margin: 10px 0; }
#wmQuoteWrapper #ygrp-mkp #ads { margin-bottom: 10px; }
#wmQuoteWrapper #ygrp-mkp .ad { padding: 0 0; }
#wmQuoteWrapper #ygrp-mkp .ad p { margin: 0; }
#wmQuoteWrapper #ygrp-mkp .ad a { color: #0000ff; text-decoration: none; =
}
#wmQuoteWrapper #ygrp-sponsor #ygrp-lc { font-family: Arial; }
#wmQuoteWrapper #ygrp-sponsor #ygrp-lc #hd { margin: 10px 0px; font-weigh=
t: 700; font-size: 78%; line-height: 122%; }
#wmQuoteWrapper #ygrp-sponsor #ygrp-lc .ad { margin-bottom: 10px; padding=
: 0 0; }
#wmQuoteWrapper #actions { font-family: Verdana; font-size: 11px; padding=
: 10px 0; }
#wmQuoteWrapper #activity { background-color: #e0ecee; float: left; font-=
family: Verdana; font-size: 10px; padding: 10px; }
#wmQuoteWrapper #activity span { font-weight: 700; }
#wmQuoteWrapper #activity span:first-child { text-transform: uppercase; }
#wmQuoteWrapper #activity span a { color: #5085b6; text-decoration: none;=
}
#wmQuoteWrapper #activity span span { color: #ff7900; }
#wmQuoteWrapper #activity span .underline { text-decoration: underline; }
#wmQuoteWrapper .attach { clear: both; display: table; font-family: Arial=
; font-size: 12px; padding: 10px 0; width: 400px; }
#wmQuoteWrapper .attach div a { text-decoration: none; }
#wmQuoteWrapper .attach img { border: none; padding-right: 5px; }
#wmQuoteWrapper .attach label { display: block; margin-bottom: 5px; }
#wmQuoteWrapper .attach label a { text-decoration: none; }
#wmQuoteWrapper blockquote { margin: 0 0 0 4px; }
#wmQuoteWrapper .bold { font-family: Arial; font-size: 13px; font-weight:=
700; }
#wmQuoteWrapper .bold a { text-decoration: none; }
#wmQuoteWrapper dd.last p a { font-family: Verdana; font-weight: 700; }
#wmQuoteWrapper dd.last p span { margin-right: 10px; font-family: Verdana=
; font-weight: 700; }
#wmQuoteWrapper dd.last p span.yshortcuts { margin-right: 0; }
#wmQuoteWrapper div.attach-table div div a { text-decoration: none; }
#wmQuoteWrapper div.attach-table { width: 400px; }
#wmQuoteWrapper div.file-title a, #wmQuoteWrapper div.file-title a:active,=
#wmQuoteWrapper div.file-title a:hover, #wmQuoteWrapper div.file-title a:v=
isited { text-decoration: none; }
#wmQuoteWrapper div.photo-title a, #wmQuoteWrapper div.photo-title a:activ=
e, #wmQuoteWrapper div.photo-title a:hover, #wmQuoteWrapper div.photo-title=
a:visited { text-decoration: none; }
#wmQuoteWrapper div#ygrp-mlmsg #ygrp-msg p a span.yshortcuts { font-famil=
y: Verdana; font-size: 10px; font-weight: normal; }
#wmQuoteWrapper .green { color: #628c2a; }
#wmQuoteWrapper .MsoNormal { margin: 0 0 0 0; }
#wmQuoteWrapper o { font-size: 0; }
#wmQuoteWrapper #photos div { float: left; width: 72px; }
#wmQuoteWrapper #photos div div { border: 1px solid #666666; height: 62px=
; overflow: hidden; width: 62px; }
#wmQuoteWrapper #photos div label { color: #666666; font-size: 10px; over=
flow: hidden; text-align: center; white-space: nowrap; width: 64px; }
#wmQuoteWrapper #reco-category { font-size: 77%; }
#wmQuoteWrapper #reco-desc { font-size: 77%; }
#wmQuoteWrapper .replbq { margin: 4px; }
#wmQuoteWrapper #ygrp-actbar div a:first-child { /* border-right: 0px sol=
id #000;*/ margin-right: 2px; padding-right: 5px; }
#wmQuoteWrapper #ygrp-mlmsg { font-size: 13px; font-family: Arial, helvet=
ica,clean, sans-serif; *font-size: small; *font: x-small; }
#wmQuoteWrapper #ygrp-mlmsg table { font-size: inherit; font: 100%; }
#wmQuoteWrapper #ygrp-mlmsg select, #wmQuoteWrapper input, #wmQuoteWrapper=
textarea { font: 99% Arial, Helvetica, clean, sans-serif; }
#wmQuoteWrapper #ygrp-mlmsg pre, #wmQuoteWrapper code { font:115% monospa=
ce; *font-size:100%; }
#wmQuoteWrapper #ygrp-mlmsg * { line-height: 1.22em; }
#wmQuoteWrapper #ygrp-mlmsg #logo { padding-bottom: 10px; }
#wmQuoteWrapper #ygrp-msg p a { font-family: Verdana; }
#wmQuoteWrapper #ygrp-msg p#attach-count span { color: #1E66AE; font-weig=
ht: 700; }
#wmQuoteWrapper #ygrp-reco #reco-head { color: #ff7900; font-weight: 700;=
}
#wmQuoteWrapper #ygrp-reco { margin-bottom: 20px; padding: 0px; }
#wmQuoteWrapper #ygrp-sponsor #ov li a { font-size: 130%; text-decoration=
: none; }
#wmQuoteWrapper #ygrp-sponsor #ov li { font-size: 77%; list-style-type: s=
quare; padding: 6px 0; }
#wmQuoteWrapper #ygrp-sponsor #ov ul { margin: 0; padding: 0 0 0 8px; }
#wmQuoteWrapper #ygrp-text { font-family: Georgia; }
#wmQuoteWrapper #ygrp-text p { margin: 0 0 1em 0; }
#wmQuoteWrapper #ygrp-text tt { font-size: 120%; }
#wmQuoteWrapper #ygrp-vital ul li:last-child { border-right: none !import=
ant; }
</style>=20=20=20=20=20
</div>
</blockquote></span>
<!-- |**|begin egp html banner|**| -->
<br>
<br>
<!-- |**|end egp html banner|**| -->
<div width=3D"1" style=3D"color: white; clear: both;"/>__._,_.___</div>
=20=20=20=20=20=20
=20=20
=20=20=20=20
<div id=3D"fromDMARC" style=3D"clear:both; margin-top: 10px;">
<hr style=3D"height:2px ; border-width:0; color:#E3E3E3; backgroun=
d-color:#E3E3E3;">
Posted by: <[email protected]> <hr style=3D"height:=
2px ; border-width:0; color:#E3E3E3; background-color:#E3E3E3;">
</div>
<!-- Start Recommendations -->
<!-- End Recommendations -->
<!-- |**|begin egp html banner|**| -->
<br><br>
<tt>
-----<BR>
To unsubscribe send a message to: [email protected]=
m<BR>
-or-<BR>
visit <a href=3D"http://groups.yahoo.com/group/svg-developers">http://group=
s.yahoo.com/group/svg-developers</a> and click "edit my membership&quo=
t;<BR>
----</tt>
<br><br>
<!-- |**|end egp html banner|**| -->
<!-- |**|begin egp html banner|**| -->
<img src=3D"http://geo.yahoo.com/serv?s=3D97476590/grpId=3D1298421/grpspI=
d=3D1706030390/msgId=3D66539/stime=3D1456753977" width=3D"1" height=3D"1"> =
<br>
<!-- |**|end egp html banner|**| -->
=20=20=20=20
<!-- |**|begin egp html banner|**| -->
<br>
=20=20=20
=20=20=20=20=20
=20
<!-- |**|begin egp html banner|**| -->
<div id=3D"ygrp-vital" style=3D"background-color: #f2f2f2; font-fam=
ily: Verdana; font-size: 10px; margin-bottom: 10px; padding: 10px;">
<span id=3D"vithd" style=3D"font-weight: bold; color: #333; text-tr=
ansform: uppercase; "><a href=3D"https://groups.yahoo.com/neo/groups/svg-de=
velopers/info;_ylc=3DX3oDMTJlajB1cWFsBF9TAzk3MzU5NzE0BGdycElkAzEyOTg0MjEEZ3=
Jwc3BJZAMxNzA2MDMwMzkwBHNlYwN2dGwEc2xrA3ZnaHAEc3RpbWUDMTQ1Njc1Mzk3Nw--" sty=
le=3D"text-decoration: none;">Visit Your Group</a></span>
<ul style=3D"list-style-type: none; margin: 0; padding: 0; display: in=
line;">
</ul>
</div>
<div id=3D"ft" style=3D"font-family: Arial; font-size: 11px; margin-top: 5p=
x; padding: 0 2px 0 0; clear: both;">
<a href=3D"https://groups.yahoo.com/neo;_ylc=3DX3oDMTJkODl1NWZzBF9TAzk3ND=
c2NTkwBGdycElkAzEyOTg0MjEEZ3Jwc3BJZAMxNzA2MDMwMzkwBHNlYwNmdHIEc2xrA2dmcARzd=
GltZQMxNDU2NzUzOTc3" style=3D"float: left;"><img src=3D"http://l.yimg.com/r=
u/static/images/yg/img/email/new_logo/logo-groups-137x15.png" height=3D"15"=
width=3D"137" alt=3D"Yahoo! Groups" style=3D"border: 0;"/></a>
<div style=3D"color: #747575; float: right;"> • <a href=3D"https://i=
nfo.yahoo.com/privacy/us/yahoo/groups/details.html" style=3D"text-decoratio=
n: none;">Privacy</a> • <a href=3D"mailto:svg-developers-unsubscribe@y=
ahoogroups.com?subject=3DUnsubscribe" style=3D"text-decoration: none;">Unsu=
bscribe</a> • <a href=3D"https://info.yahoo.com/legal/us/yahoo/utos/te=
rms/" style=3D"text-decoration: none;">Terms of Use</a> </div>
</div>
<!-- |**|end egp html banner|**| -->
</div> <!-- ygrp-msg -->
=20=20=20
<br>
<!-- |**|end egp html banner|**| -->
<div style=3D"color: white; clear: both;"/>__,_._,___</div>
</body></html>