2011-06-22 05:11:28 -07:00
|
|
|
|
<!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";
|
2011-11-17 20:07:54 -08:00
|
|
|
|
ctx.fillRect(0, 0, 10, 10);
|
2011-06-22 05:11:28 -07:00
|
|
|
|
</script>
|
|
|
|
|
|
</body>
|
|
|
|
|
|
</html>
|
