大小和比例

你能够通过精灵的width和height属性来改变它的大小。这是怎么把width调整成80像素，height调整成120像素的例子：

  1. cat.width = 80;
  2. cat.height = 120;

在setup函数里面加上这两行代码，像这样：

  1. function setup() {
  3.   //Create the `cat` sprite
  4.   let cat = new Sprite(resources["images/cat.png"].texture);
  6.   //Change the sprite's position
  7.   cat.x = 96;
  8.   cat.y = 96;
  10.   //Change the sprite's size
  11.   cat.width = 80;
  12.   cat.height = 120;
  14.   //Add the cat to the stage so you can see it
  15.   app.stage.addChild(cat);
  16. }

结果看起来是这样：

Cat's height and width changed

你能看见，这只猫的位置（左上角的位置）没有改变，只有宽度和高度改变了。

Cat's height and width changed - diagram

精灵都有scale.x 和 scale.y属性，他们可以成比例的改变精灵的宽高。这里的例子把猫的大小变成了一半：

  1. cat.scale.x = 0.5;
  2. cat.scale.y = 0.5;

Scale的值是从0到1之间的数字的时候，代表了它对于原来精灵大小的百分比。1意味着100%（原来的大小），所以0.5意味着50%（一半大小）。你可以把这个值改为2，这就意味着让精灵的大小成倍增长。像这样：

  1. cat.scale.x = 2;
  2. cat.scale.y = 2;

Pixi可以用一行代码缩放你的精灵，那要用到scale.set方法。

  1. cat.scale.set(0.5, 0.5);

如果你喜欢这种，就用吧！