我试图定义一个缩放变量,其中图像根据其值动态缩放。我不认为表达式s*100是在评估,因为大小没有差异。出了什么问题。
<html>
<body onload="draw();">
<canvas id="canvas" width="150" height="150"></canvas>
</body>
<script type="application/javascript">
function draw() {
var canvas = document.getElementById("canvas");
if (canvas.getContext) {
var ctx = canvas.getContext("2d");
var s = 10000;
ctx.fillStyle = "rgba(0, 0, 200, 0.1)";
ctx.fillRect (0, 0, s*100, s*100);
}
}
</script>
</html>
您没有看到任何更改的原因是,您正试图在150x150画布上渲染一个巨大的矩形,因此画布外部的部分被忽略。把你的画布做大,你就会看到它在工作。这里有一个工作示例,它通过每次增加比例来保持渲染相同的正方形。http://jsfiddle.net/3ZAex/2/
想明白了。。是因为我的画布太小了。。width="150"height="150">