Mypal/layout/reftests/svg/svg-integration/clipPath-html-06.xhtml

30 lines
915 B
HTML
Raw Normal View History

2019-03-11 03:26:37 -07:00
<!--
Any copyright is dedicated to the Public Domain.
http://creativecommons.org/publicdomain/zero/1.0/
-->
<html xmlns="http://www.w3.org/1999/xhtml"
xmlns:svg="http://www.w3.org/2000/svg"
xmlns:xlink="http://www.w3.org/1999/xlink">
<head>
<style>
.unit { display:inline-block; width:100px; height:10px; }
</style>
</head>
<body style="margin:0">
<span style="clip-path: url(#c1);">
<span class="unit" style="background:lime;"></span>
<div style="height:200px; width:100px;"/>
<span class="unit" style="background:lime;"></span>
</span>
<svg:svg height="0" style="display: block">
<!-- so that other documents can svg:use this one and force it to
load before onload -->
<svg:g id="empty" />
<svg:clipPath id="c1" clipPathUnits="objectBoundingBox">
<svg:rect x="0" y="0.5" width="0.5" height="0.5"/>
</svg:clipPath>
</svg:svg>
</body>
</html>