Help us understand the problem. What is going on with this article?

[phina.js-Tips-003] Shapeのサイズを指定する

More than 3 years have passed since last update.

今回のTips

Shapeの幅・高さを指定します。

phina-resize-shape.png

幅指定

幅はwidthプロパティで指定します。

shape.width = 128;

[runstantで確認]

高さ指定

高さはheightプロパティで指定します。

shape.height = 128;

[runstantで確認]

幅・高さを一括指定

setSizeを使えば、幅と高さを一括で指定できます。

shape.setSize(128, 256);

[runstantで確認]

コンストラクタ内で指定

位置指定と同じくコンストラクタ内で幅・高さを指定することも可能です。

    var shape = Shape({
      // 位置・幅・高さ指定
      x: 320,
      y: 480,
      width: 128,
      height: 256,
    }).addChildTo(this);

[runstantで確認]

alkn203
javascriptのゲームライブラリphina.jsを愛用している趣味プログラマ。ファミコン世代。 Hobbyist programmer javascript/html5/phina.js/retro games
http://qiita.com/alkn203/items/bca3222f6b409382fe20
Why not register and get more from Qiita?
  1. We will deliver articles that match you
    By following users and tags, you can catch up information on technical fields that you are interested in as a whole
  2. you can read useful information later efficiently
    By "stocking" the articles you like, you can search right away