1
A
回答
4
我不认为你可以用纹理填充多边形,但是你可以使用多边形作为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/
相关问题
- 1. 在PIXI.js中多次加载纹理
- 2. 如何在纹理上创建多边形libGDX
- 3. OpenGL - 在纹理多边形上创建边框
- 4. 纹理协调多边形和方形纹理
- 5. 如何确定UV纹理坐标n边多边形
- 6. 多边形中点的纹理坐标
- 7. 从多边形生成纹理(openGL)
- 8. 如何将图像绘制为多边形的纹理,以及如何在接触屏幕上的多边形的所有方向上旋转多边形?
- 9. 纹理和纹理映射GLUTess多边形?
- 10. 低多边形网格上的多种材质或纹理?
- 11. 在多边形内随机放置多边形
- 12. 在多边形图像贴图上放置边框?
- 13. 如何定义多边形顶点以适应纹理?
- 14. 如何判断一个点是多边形内部纹理
- 15. 如何随意扭曲纹理多边形?
- 16. 如何将CCSprite(纹理)添加到多边形?
- 17. 在3D中放置3个多边形
- 18. 如何为纹理边框设置UV
- 19. 如何在三个js中将多个纹理剪辑为多边形
- 20. 处理多边形的多边形算法,处理跨边界的多边形
- 21. OpenGL - 绘制具有纹理的2D多边形形状
- 22. 如何在多边形顶部放置圆?
- 23. IDirect3DDevice9,设置纹理如何缩放?
- 24. 如何从图像中获取多边形形状的OpenGl纹理?
- 25. 如何在三角形条纹上渲染纹理?
- 26. 在Google地图上放置GeoJson数据的多边形标签
- 27. 为什么纹理四边形上不显示三角形?
- 28. 拉伸一个纹理在多个四边形
- 29. 随机放置svg多边形
- 30. 如何在vtk中在纹理表面上显示三角形边界?
非常感谢您!这帮助我很多! – Bato 2015-04-17 14:32:30