1.1 --- /dev/null Thu Jan 01 00:00:00 1970 +0000 1.2 +++ b/layout/reftests/css-blending/blend-canvas.html Wed Dec 31 06:09:35 2014 +0100 1.3 @@ -0,0 +1,29 @@ 1.4 +<!-- 1.5 + Any copyright is dedicated to the Public Domain. 1.6 + http://creativecommons.org/publicdomain/zero/1.0/ 1.7 +--> 1.8 +<html> 1.9 +<script type="text/javascript"> 1.10 +window.onload = function() { 1.11 + var c = document.getElementById("b"); 1.12 + var ctx = c.getContext("2d"); 1.13 + ctx.fillStyle = "rgb(0,255,0)"; 1.14 + ctx.fillRect(0,0,100,100); 1.15 +} 1.16 +</script> 1.17 +<style> 1.18 +#a { 1.19 + width: 200px; 1.20 + height: 200px; 1.21 + background-color: rgb(0,255,0); 1.22 +} 1.23 +#b { 1.24 + width: 100px; 1.25 + height: 100px; 1.26 + mix-blend-mode:difference; 1.27 +} 1.28 +</style> 1.29 +<div id="a"> 1.30 + <canvas width="100" height="100" id="b"/> 1.31 +</div> 1.32 +</html>