blob: 39366054230460ecc75ef1c0f96e2eee28f085ee [file] [log] [blame]
<!DOCTYPE html>
<html>
<head>
<script>
function runTest() {
var context = document.getElementsByTagName('canvas')[0].getContext('2d');
var forceLayout = document.body.offsetWidth;
var domImage = document.getElementsByTagName('img')[0];
context.drawImage(domImage, 10, 10, 80, 80);
var newImage = new Image();
newImage.src = domImage.src;
context.fillStyle = context.createPattern(newImage, 'repeat');
context.fillRect(10, 10, 180, 80);
domImage.parentNode.removeChild(domImage);
}
</script>
</head>
<body onload='runTest()'>
Test for crbug.com/227481: This test passes if there is a green rectangle with a two blue circles.<br/>
<canvas width="200px" height="100px"></canvas>
<img style="width: 30px;" src="data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='100' height='100'><rect width='100' height='100' fill='green' /><circle cx='30' cy='30' r='15' fill='blue'/></svg>" >
</body>
</html>