Question

我试图定义一个比例变量，其中图像根据其值动态缩放。我不认为表达式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>

Answer 1

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

Answer 2

想出来......那是因为我的画布太小.. width =“150”height =“150”

评估函数参数中的javascript表达式

2 个答案: