| Index: LayoutTests/compositing/canvas-with-object-fit-contain-in-composited-layer.html
|
| diff --git a/LayoutTests/compositing/canvas-with-object-fit-contain-in-composited-layer.html b/LayoutTests/compositing/canvas-with-object-fit-contain-in-composited-layer.html
|
| new file mode 100644
|
| index 0000000000000000000000000000000000000000..364fd98206a07a6025c4d3a10591791a83a0ff3b
|
| --- /dev/null
|
| +++ b/LayoutTests/compositing/canvas-with-object-fit-contain-in-composited-layer.html
|
| @@ -0,0 +1,27 @@
|
| +<!DOCTYPE html>
|
| +<style>
|
| +canvas {
|
| + background-color: gray;
|
| + width: 200px;
|
| + height: 200px;
|
| + object-fit: contain;
|
| +}
|
| +</style>
|
| +<p>Test passes if a green square inside an orange rectanlge is shown up without a distortion.
|
| +<div>
|
| + <canvas width="200" height="400"></canvas>
|
| +</div>
|
| +<script>
|
| +function paintCanvas(canvas)
|
| +{
|
| + var ctx = canvas.getContext('2d');
|
| + ctx.fillStyle = 'orange';
|
| + ctx.fillRect(0, 0, canvas.width, canvas.height);
|
| +
|
| + ctx.fillStyle = 'green';
|
| + var squarWidth = canvas.width / 2;
|
| + ctx.fillRect(50, 150, squarWidth, squarWidth);
|
| +}
|
| +
|
| +paintCanvas(document.querySelector('canvas'));
|
| +</script>
|
|
|
Chromium Code Reviews
Issue 1147363009:
Use replacedContentBox for LayoutHTMLCanvas when deciding PaintLayer's contentBox. (Closed)
Base URL: https://chromium.googlesource.com/chromium/blink.git@master