1.1 --- /dev/null Thu Jan 01 00:00:00 1970 +0000
1.2 +++ b/layout/reftests/border-radius/corner-joins-1-ref.xhtml Wed Dec 31 06:09:35 2014 +0100
1.3 @@ -0,0 +1,89 @@
1.4 +<?xml version="1.0"?>
1.5 +<html xmlns="http://www.w3.org/1999/xhtml"
1.6 + xmlns:svg="http://www.w3.org/2000/svg">
1.7 +<head>
1.8 +<title>border</title>
1.9 +<style type="text/css">
1.10 +@namespace url("http://www.w3.org/1999/xhtml");
1.11 +@namespace svg url("http://www.w3.org/2000/svg");
1.12 +
1.13 +div.wrapper {
1.14 + float: left;
1.15 + margin-left: 20px;
1.16 + margin-top: 10px;
1.17 +}
1.18 +
1.19 +div.cover, div.cover2 {
1.20 + position: absolute;
1.21 + border: 4px solid white; /* cover areas that may differ */
1.22 + width: 140px;
1.23 + height: 118px;
1.24 + border-radius: 63px;
1.25 + margin-left: -2px;
1.26 + margin-top: -2px;
1.27 +}
1.28 +div.cover2 {
1.29 + height: 82px;
1.30 + margin-top: 16px;
1.31 + border-radius: 63px / 45px;
1.32 +}
1.33 +
1.34 +svg|svg {
1.35 + display: block;
1.36 + width: 146px;
1.37 + height: 122px;
1.38 + margin-right: -2px;
1.39 + margin-bottom: 20px;
1.40 +}
1.41 +
1.42 +</style>
1.43 +</head>
1.44 +<body>
1.45 +<div class="wrapper">
1.46 +<div class="cover"></div>
1.47 +<div class="cover2"></div>
1.48 +<svg:svg>
1.49 + <svg:rect x="0" y="0" width="144px" height="122px" rx="61px" ry="61px"
1.50 + fill="blue"/>
1.51 + <svg:rect x="0" y="18px" width="144px" height="86px" rx="61px" ry="43px"
1.52 + fill="red"/>
1.53 +</svg:svg>
1.54 +<div class="cover"></div>
1.55 +<div class="cover2"></div>
1.56 +<svg:svg>
1.57 + <svg:clipPath id="topclip">
1.58 + <svg:rect x="0" y="0" width="144px" height="61px"/>
1.59 + </svg:clipPath>
1.60 + <svg:clipPath id="botclip">
1.61 + <svg:rect x="0" y="61px" width="144px" height="61px"/>
1.62 + </svg:clipPath>
1.63 + <svg:rect x="0" y="0" width="144px" height="122px" rx="61px" ry="61px"
1.64 + fill="black" clip-path="url(#topclip)"/>
1.65 + <svg:rect x="0" y="0" width="144px" height="122px" rx="61px" ry="61px"
1.66 + fill="blue" clip-path="url(#botclip)"/>
1.67 + <svg:rect x="0" y="18px" width="144px" height="86px" rx="61px" ry="43px"
1.68 + fill="red"/>
1.69 +</svg:svg>
1.70 +</div>
1.71 +<div class="wrapper">
1.72 +<div class="cover" style="width: 142px"></div>
1.73 +<div class="cover2" style="margin-left: -1px; border-radius: 61px / 45px"></div>
1.74 +<svg:svg>
1.75 + <svg:rect x="0" y="0" width="146px" height="122px" rx="61px" ry="61px"
1.76 + fill="blue"/>
1.77 + <svg:rect x="0" y="18px" width="146px" height="86px" rx="61px" ry="43px"
1.78 + fill="red"/>
1.79 +</svg:svg>
1.80 +<div class="cover"></div>
1.81 +<div class="cover2"></div>
1.82 +<svg:svg>
1.83 + <svg:rect x="0" y="0" width="144px" height="122px" rx="61px" ry="61px"
1.84 + fill="black" clip-path="url(#topclip)"/>
1.85 + <svg:rect x="0" y="0" width="144px" height="122px" rx="61px" ry="61px"
1.86 + fill="blue" clip-path="url(#botclip)"/>
1.87 + <svg:rect x="0" y="18px" width="144px" height="86px" rx="61px" ry="43px"
1.88 + fill="red"/>
1.89 +</svg:svg>
1.90 +</div>
1.91 +</body>
1.92 +</html>
