mirror of
https://github.com/mozilla/gecko-dev.git
synced 2024-11-01 06:35:42 +00:00
25 lines
440 B
HTML
25 lines
440 B
HTML
<html>
|
|
<head>
|
|
<style>
|
|
canvas {
|
|
position: absolute;
|
|
top: 100px;
|
|
left: 100px;
|
|
width: 300px;
|
|
height: 300px;
|
|
}
|
|
</style>
|
|
</head>
|
|
<body>
|
|
<canvas id="c" height="300px" width="300px"></canvas>
|
|
<script>
|
|
var c = document.getElementById('c');
|
|
var ctxt = c.getContext('2d');
|
|
ctxt.fillStyle = 'rgb(0,255,0)';
|
|
ctxt.fillRect(0, 0, 300, 300);
|
|
ctxt.fillStyle = 'rgba(255,255,255,0.5)';
|
|
ctxt.fillRect(100, 100, 100, 100);
|
|
</script>
|
|
</body>
|
|
</html>
|