mirror of
https://github.com/mozilla/gecko-dev.git
synced 2024-11-01 14:45:29 +00:00
38 lines
689 B
HTML
38 lines
689 B
HTML
<!DOCTYPE html>
|
|
<html>
|
|
<head>
|
|
<style>
|
|
.outer {
|
|
background:yellow;
|
|
position:absolute;
|
|
left:100px;
|
|
top:100px;
|
|
width:300px;
|
|
height:100px;
|
|
-moz-transform:scale(1.4);
|
|
-moz-transform-origin:top left;
|
|
transform:scale(1.4);
|
|
transform-origin:top left;
|
|
}
|
|
.inner {
|
|
float:left;
|
|
width:100px;
|
|
height:11px;
|
|
background:black;
|
|
}
|
|
canvas {
|
|
display:block;
|
|
float:left;
|
|
}
|
|
</style>
|
|
</head>
|
|
<body>
|
|
<div class="outer"><div class="inner"></div><canvas id="c" width="10" height="10"></canvas></div>
|
|
<script>
|
|
var ctx = document.getElementById("c").getContext("2d");
|
|
ctx.fillStyle = "black";
|
|
ctx.fillRect(0, 0, 10, 10);
|
|
</script>
|
|
</body>
|
|
</html>
|