mirror of
https://github.com/mozilla/gecko-dev.git
synced 2024-11-01 14:45:29 +00:00
30 lines
708 B
HTML
30 lines
708 B
HTML
<!DOCTYPE HTML>
|
|
<html>
|
|
<head>
|
|
<title>Testing compositing of translucent layer with complex visible region</title>
|
|
<style>
|
|
body { background:white; }
|
|
#d {
|
|
position:absolute;
|
|
top:200px;
|
|
left:200px;
|
|
font-size:30px;
|
|
transform:rotate(30deg);
|
|
-moz-transform:rotate(30deg);
|
|
}
|
|
canvas { display:block; }
|
|
span { display:block; background:rgba(200,200,200, 0.4); height:40px; }
|
|
</style>
|
|
</head>
|
|
<body>
|
|
<div id="d"><span style="width:20px"><canvas id="c" width="20" height="20"></canvas></span>
|
|
<span style="width:100px;"></span>
|
|
</div>
|
|
<script>
|
|
var ctx = document.getElementById("c").getContext("2d");
|
|
ctx.fillStyle = "lime";
|
|
ctx.fillRect(5,5,5,5);
|
|
</script>
|
|
</body>
|
|
</html>
|