2011-04-21 83 views
0


我想定义一个尺度变量,其中图像根据其值进行动态缩放。我不认为表达式* 100正在评估,因为没有大小的差异。哪里不对。评价函数参数内的java脚本表达式

<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> 

回答

3

你没有看到任何改变的原因是因为你试图将一个巨大的矩形渲染到150x150的画布上,因此画布外的部分将被忽略。让你的画布真的很大,你会看到它的工作。这里有一个工作示例,它通过每次增加缩放比例来保持呈现相同的正方形。 http://jsfiddle.net/3ZAex/2/

+0

谢谢..不错的例子:-) – bsr 2011-04-21 21:24:21

0

想通了..那是因为我的画布太小.. WIDTH =“150” HEIGHT =“150”