PIXI_锚点&图片位控

锚点

概念：元素与坐标所对齐的位置，应用中所有元素默认的锚点为左上角
修改锚点
1、
元素.anchor.x=x方向锚点
元素.anchor.y=y方向锚点
2、
元素.anchor.set（x,y）
同时设置锚点
锚点取值范围：0~1之间，默认为x=0，y=0

		//设置舞台
		var app=new PIXI.Application(800,600)
		document.body.appendChild(app.view)
		// 设置背景
		var back = new PIXI.Sprite.fromImage('img/bg1.jpg')
		app.stage.addChild(back)
		// 准星
		var zx = new PIXI.Sprite.fromImage('img/zhunxing.png')
		app.stage.addChild(zx)
		//设置准星起始X,Y位置
		zx.x=381;
		zx.y=256;
		//设置准星锚点为中心
		zx.anchor.set(0.5,0.5)
		
		//注意在这个里面监听时不要去监听准星，如果监听了准星，可以实现准星跟随鼠标移动，但是之后click就没有效果了
		//因为你在点击时，单击的是准星的图层，没有单击到背景图࿰