2011-04-21 84 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」