Chromium Code Reviews| 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..b1dcc669854fb1da732c585c3d9c58e35e41baba |
| --- /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> |
|
Stephen White
2014/04/03 14:48:59
Nit: trailing whitespace.
fs
2014/04/03 15:40:51
Dropped.
|
| +</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> |