blob: 6f54b53464b18c901b6a19130ae16c1f666fc437 (
plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
|
<!DOCTYPE HTML>
<html style="background:white;">
<body>
<canvas id="b" style="position:absolute; left:0; top:0" width="20" height="20"></canvas>
<div style="position:absolute; left:0; top:0; transform:rotate(45deg); height:400px; width:400px; opacity:0.5; border:1px solid black;">
<canvas id="c" style="display:block;" width="20" height="20"></canvas>
</div>
<div style="position:absolute; left:-3px; top:-3px; transform:rotate(45deg); height:390px; width:390px; border:10px solid red;"></div>
<script>
function fillCanvas(id) {
var ctx = document.getElementById(id).getContext("2d");
ctx.fillStyle = "black";
ctx.fillRect(0, 0, 10, 10);
}
fillCanvas("c");
fillCanvas("b");
</script>
</body>
</html>
|