1 <?xml version=
"1.0" encoding=
"UTF-8"?>
2 <!DOCTYPE html PUBLIC
"-//W3C//DTD XHTML 1.1 plus MathML 2.0 plus SVG 1.1//EN" "http://www.w3.org/2002/04/xhtml-math-svg/xhtml-math-svg.dtd">
3 <html xmlns=
"http://www.w3.org/1999/xhtml" xmlns:
svg=
"http://www.w3.org/2000/svg" xmlns:
xlink=
"http://www.w3.org/1999/xlink">
5 <script src=
"../../fast/repaint/resources/text-based-repaint.js"></script>
6 <script type=
"text/javascript"><![CDATA[
7 function repaintTest() {
8 var svg = document.getElementById('svg');
9 var circle = document.getElementById('circle');
10 var use = document.getElementById('use');
11 use.setAttribute('fill', '#f00');
12 svg.setAttribute('width',
200);
13 svg.setAttribute('height',
200);
14 circle.setAttribute('transform', 'scale(' +
10 + ')');
18 <body onload=
"runRepaintAndPixelTest()">
19 <svg:svg id=
"svg" width=
"100" height=
"100">
21 <svg:symbol id=
"symbol" overflow=
"visible">
22 <svg:circle id=
"circle" cx=
"0" cy=
"0" r=
"2" stroke=
"#000" transform=
"scale(2)" />
25 <svg:use id=
"use" x=
"50" y=
"50" fill=
"#fff" xlink:
href=
"#symbol" />