layout/reftests/css-blending/blend-canvas.html

changeset 0
6474c204b198
     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>

mercurial