diff --git a/tests/svg.html b/tests/svg.html
index 6b8c08f4..b57adf93 100644
--- a/tests/svg.html
+++ b/tests/svg.html
@@ -7,6 +7,7 @@
stroke-dasharray: 1000;
stroke-dashoffset: 1000;
animation: dash 5s linear alternate infinite;
+ -webkit-animation: dash 5s linear alternate infinite;
}
@keyframes dash {
@@ -17,6 +18,14 @@
stroke-dashoffset: 0;
}
}
+ @-webkit-keyframes dash {
+ from {
+ stroke-dashoffset: 1000;
+ }
+ to {
+ stroke-dashoffset: 0;
+ }
+ }
@@ -26,7 +35,7 @@
an HTML link labeled "HTML link"
an SVG link labeled "SVG link"
a tilted blue square
- a cat picture from http://placekitten.com
+ a cat picture
an animated line drawing
a clock with the current time
@@ -44,8 +53,8 @@ var svg = [
m("text[x=0][y=20]", "SVG Link")
])
]),
- m("svg[height='200px'][width='200px']", [
- m("image[href='http://placekitten.com/200/200'][height='200px'][width='200px'][title='Cat picture']")
+ m("svg[height='201px'][width='201px']", [
+ m("image[href='http://placekitten.com/201/201'][height='200px'][width='200px'][title='Cat picture']")
]),
m("svg[enable-background='new 0 0 340 333'][height='333px'][viewBox='0 0 340 333'][width='340px'][x='0px'][y='0px'][title='Line drawings']", [
m("path.path[d='M66.039,133.545c0,0-21-57,18-67s49-4,65,8s30,41,53,27s66,4,58,32s-5,44,18,57s22,46,0,45s-54-40-68-16s-40,88-83,48s11-61-11-80s-79-7-70-41C46.039,146.545,53.039,128.545,66.039,133.545z'][fill='#FFFFFF'][stroke='#000000'][stroke-miterlimit='10'][stroke-width='4']")
@@ -78,7 +87,7 @@ var svg = [
m("script", 'var a=new Date,b=parseInt(a.getHours());b=b>12?b-12:b;var c=parseInt(a.getMinutes()),d=parseInt(a.getSeconds()),e=6*d,f=6*(c+d/60),g=30*(b+c/60+d/3600),h=document.getElementById("hour"),i=document.getElementById("minute"),j=document.getElementById("second");h.setAttribute("transform","rotate("+g.toString()+")"),i.setAttribute("transform","rotate("+f.toString()+")"),j.setAttribute("transform","rotate("+e.toString()+")")'),
]),
m("svg[height='200px'][width='200px']", [
- m("foreignObject[x=0][y=0][width='100px'][height='100px'][transform='translate(0,0)'']", m('div', {xmlns: "http://www.w3.org/1999/xhtml"}, m.trust('this is a piece of html rendered as SVG foreignObject')))
+ m("foreignObject[x=0][y=0][width='100px'][height='100px'][transform='translate(0,0)']", m('div', {xmlns: "http://www.w3.org/1999/xhtml"}, m.trust('this is a piece of html rendered as SVG foreignObject')))
])
]