blob: b94c843bdd62029610b04d89a3070f62c8ac7fd2 [file] [log] [blame]
<!DOCTYPE html>
<html>
<script src="../resources/run-after-layout-and-paint.js"></script>
<style>
div {
-webkit-border-image: url("resources/red-at-12-oclock-with-color-profile.jpg") 8 2 round;
border-style: solid;
margin: -18px 0 5px 0;
height: 250px;
width: 794px;
}
</style>
<body style="overflow: hidden">
<!-- The blue sector of the images should be at 12 o'clock. -->
<svg width="800px" height="150px">
<pattern id="pattern" patternUnits="userSpaceOnUse" width="400" height="150">
<image xlink:href="resources/red-at-12-oclock-with-color-profile.jpg" width="400" height="400"/>
</pattern>
<rect width="800" height="130" style="fill: url(#pattern)"/>
</svg>
<div></div>
<iframe onload="load()" width="800px" height="185px" scrolling="no" frameborder="1"
src="resources/red-at-12-oclock-with-color-profile.jpg">
</iframe>
</body>
<script>
function load() {
runAfterLayoutAndPaint(function() { testRunner.notifyDone() });
}
if (window.testRunner) {
testRunner.dumpAsTextWithPixelResults();
testRunner.waitUntilDone();
}
</script>
</html>