| Index: LayoutTests/fast/transforms/mirror-transform-tiled-scaled-background.html
|
| diff --git a/LayoutTests/fast/transforms/mirror-transform-tiled-scaled-background.html b/LayoutTests/fast/transforms/mirror-transform-tiled-scaled-background.html
|
| new file mode 100644
|
| index 0000000000000000000000000000000000000000..f922ab57798f7d2bedcdeb3475e894c56c257289
|
| --- /dev/null
|
| +++ b/LayoutTests/fast/transforms/mirror-transform-tiled-scaled-background.html
|
| @@ -0,0 +1,30 @@
|
| +<!DOCTYPE html>
|
| +<title>Tiled and scaled background with 'transform: scale(1, -1)'</title>
|
| +<style>
|
| +div {
|
| + width: 100px;
|
| + height: 100px;
|
| +}
|
| +#subject {
|
| + background-size: 95px 100px;
|
| + -webkit-transform: scale(1, -1);
|
| + transform: scale(1, -1);
|
| +}
|
| +</style>
|
| +<div id=back>
|
| + <div id=subject></div>
|
| +</div>
|
| +<script>
|
| +function stripedImage(c1, c2) {
|
| + var c = document.createElement('canvas');
|
| + c.width = c.height = 100;
|
| + var ctx = c.getContext('2d');
|
| + ctx.fillStyle = c1;
|
| + ctx.fillRect(0, 0, 100, 50);
|
| + ctx.fillStyle = c2;
|
| + ctx.fillRect(0, 50, 100, 50);
|
| + return c.toDataURL('image/png');
|
| +}
|
| +document.getElementById('back').style.background = 'url(' + stripedImage('#080', '#f00') + ')';
|
| +document.getElementById('subject').style.backgroundImage = 'url(' + stripedImage('#080', 'transparent') + ')';
|
| +</script>
|
|
|