[]图片通过drawTexture平铺出现缝隙

this.darwSprite = new Sprite();
this.addChild(this.darwSprite);
var t: Texture = Laya.loader.getRes("load/0.png");
this.darwSprite.graphics.drawTexture(t,0,0);
this.darwSprite.graphics.drawTexture(t,176,0);
this.darwSprite.graphics.drawTexture(t,176*2,0);

采用这方式在sprite内部绘制了3个一样的png，每一个宽度176，但是在运行后发现，绘制的图片直接有着明显的缝隙。

已邀请:

5 个回复

Laya_XS

赞同来自: evamango

在LayaAir webgl中图片放大和缩小都会启用纹理采样，纹理采样采用的是线性插值，所以是图片看起来更平滑些。假如一张图片在渲染时周围存在空白像素，空白像素会跟边缘的像素进行插值而变成黑色，所以避免的方法有两种：
第一种：纹理加载完成之后，在纹理上关闭线性采用，Texture.isLinearSampling = false;
第二种：修改原有图片，把图片周围像素延伸2像素，这样也能保证采样结果是正确的；
第三种: 将图片放到LayaAir IDE下，找到资源面板对应的小图，双击打开图片属性面板，设置导出样式为repeat即可；
给大家推荐第三种方案。