[英]How put a texture on pixi.js polygon?
我可以在pixi.js中用纹理填充多边形吗?
我需要创建一个带有点的多边形,并用纹理填充它。 我怎样才能做到这一点?
谢谢你的帮助!
我认为您不能用“纹理”填充多边形,但是您可以将多边形用作Sprite的蒙版,其效果相同。 这样的事情会起作用:
var stage = new PIXI.Stage(0, true);
var renderer = PIXI.autoDetectRenderer(620, 380);
document.body.appendChild(renderer.view);
//create a texture
var texture = PIXI.Texture.fromImage("/img/logo.png");
var tilingSprite = new PIXI.TilingSprite(texture, 620, 380);
stage.addChild(tilingSprite);
//create a polygon
var graphics = new PIXI.Graphics();
graphics.beginFill(0);
graphics.moveTo(50,50);
graphics.lineTo(300,140);
graphics.lineTo(220, 320);
graphics.lineTo(80, 110);
graphics.lineTo(50,50);
graphics.endFill();
stage.addChild(graphics);
//mask the texture with the polygon
tilingSprite.mask = graphics;
update();
function update()
{
requestAnimFrame( update );
renderer.render(stage);
}
jsfiddle: http : //jsfiddle.net/7asnhk3b/
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.