layout/reftests/svg/svg-integration/patterned-svg-under-transformed-html-02.xhtml

Thu, 15 Jan 2015 21:03:48 +0100

author
Michael Schloh von Bennewitz <michael@schloh.com>
date
Thu, 15 Jan 2015 21:03:48 +0100
branch
TOR_BUG_9701
changeset 11
deefc01c0e14
permissions
-rw-r--r--

Integrate friendly tips from Tor colleagues to make (or not) 4.5 alpha 3;
This includes removal of overloaded (but unused) methods, and addition of
a overlooked call to DataStruct::SetData(nsISupports, uint32_t, bool.)

michael@0 1 <!--
michael@0 2 Any copyright is dedicated to the Public Domain.
michael@0 3 http://creativecommons.org/publicdomain/zero/1.0/
michael@0 4 -->
michael@0 5 <html xmlns="http://www.w3.org/1999/xhtml">
michael@0 6 <head>
michael@0 7 <title>Test SVG patterning under transformed HTML elements</title>
michael@0 8 <!-- From https://bugzilla.mozilla.org/show_bug.cgi?id=769970 -->
michael@0 9 <style type="text/css">
michael@0 10
michael@0 11 * { margin: 0; border: 0; padding: 0;}
michael@0 12
michael@0 13 svg {
michael@0 14 display: block;
michael@0 15 position: absolute;
michael@0 16 }
michael@0 17
michael@0 18 .scaled {
michael@0 19 left: 50px;
michael@0 20 top: 50px;
michael@0 21 width: 150px;
michael@0 22 height: 150px;
michael@0 23 transform: scale(2,2);
michael@0 24 transform-origin: 0 0;
michael@0 25 }
michael@0 26
michael@0 27 </style>
michael@0 28 </head>
michael@0 29 <body bgcolor="lime">
michael@0 30
michael@0 31 <svg xmlns="http://www.w3.org/2000/svg" width="350" height="350">
michael@0 32 <circle cx="200" cy="200" r="147" fill="red"/>
michael@0 33 </svg>
michael@0 34
michael@0 35 <svg xmlns="http://www.w3.org/2000/svg" class="scaled">
michael@0 36 <pattern id="redDot" width="1" height="1">
michael@0 37 <circle cx="75" cy="75" r="74" fill="red"/>
michael@0 38 </pattern>
michael@0 39 <pattern id="limeDot" width="1" height="1">
michael@0 40 <circle cx="75" cy="75" r="75" fill="lime"/>
michael@0 41 </pattern>
michael@0 42 <rect width="100%" height="100%" fill="url(#redDot)"/>
michael@0 43 <rect width="100%" height="100%" fill="url(#limeDot)"/>
michael@0 44 </svg>
michael@0 45
michael@0 46 </body>
michael@0 47 </html>

mercurial