代码之家  ›  专栏  ›  技术社区  ›  Toad

如何在不缩放内容的情况下更改html5画布的维度

  •  6
  • Toad  · 技术社区  · 14 年前

    我的画布是这样的:

    <canvas id="canvasDiv" width="20" height="20"></canvas>
    

    var canvas = document.getElementById("canvasDiv");
    canvas.style.width = 200;
    canvas.style.height = 100;
    

    在没有这种缩放效果的情况下,如何更改画布的尺寸((以编程方式)

    1 回复  |  直到 14 年前
        1
  •  15
  •   sunetos    14 年前

    我想你只需要设置它的宽度;高度属性:

    canvas.width = 200;
    canvas.height = 100;