LayaAir拉伸图标，边缘模糊的解决方案

wangxinarhat 发布于2019-08-22 16:15 / 2653人阅读

摘要：为了节省大小，经常会使用小图，然后拉伸，比如下图拉伸后结果边缘模糊原因分析如果使用小图无此问题，使用图集，浏览器在进行采样的时候，导致了解决方案在里面双击资源，设置属性推荐方案设置宫格属性，也能解决这个问题，但是会增加新能开销不推荐解决结果

为了节省大小，经常会使用小图，然后拉伸，比如下图

拉伸后结果边缘模糊

原因分析：
如果使用小图无此问题，使用图集，浏览器在进行采样的时候，导致了alpha

解决方案

1.在ide里面双击资源，设置repeat属性（推荐方案）

2.设置9宫格属性，也能解决这个问题，但是会增加新能开销（不推荐）

解决结果完美

文章版权归作者所有，未经允许请勿转载,若此文章存在违规行为，您可以联系管理员删除。

转载请注明本文地址：https://www.ucloud.cn/yun/94173.html

绝对定位(Absolute positioning)

摘要：绝对定位的特性包裹性包裹性展示跟一样也具有包裹性两者的包裹性都类似于使元素化破坏性破坏性展示相对于引起父元素塌陷要更进一步上面的例子就可以看出元素完全脱离文档流并且被其它盒子以及盒子内的文本无视替代方案由于滥用会降低扩展性和维护性所以需要绝对定位的特性包裹性 absolute包裹性展示跟float一样,absolute也具有包裹性,两者的包裹性都类似于使元素inline-bloc...

gaomysion 2019-08-29 12:36 评论0 收藏0
【学习笔记】CSS深入理解之absolute

摘要：张鑫旭的深入理解之学习笔记绝对定位的特性绝对定位与浮动相似，都有破坏性和包裹性。利用绝对定位元素脱离文档流的特性，使用动画可以避免大范围的回流和重绘。绝对定位元素拉伸实现宽高自适应，可应用于大范围的布局。《张鑫旭的CSS深入理解之absolute》学习笔记绝对定位的特性绝对定位与浮动相似，都有破坏性和包裹性。浮动的一些应用场景中也可用绝对定位替代绝对定位的行为表现无依赖绝对...

Anleb 2019-08-30 15:54 评论0 收藏0
一些css基础学习笔记

摘要：当父元素设置了的，子元素为时，设置无效当父元素设置了时，子元素超出父元素部分无效只能限制的层级相当于自身进行定位，相对于边界会影响其他元素定位，而无影响自定义拖拽效果同时存在，无效同理，无效可提高层叠级数父元素的较大排前面数值排在上，当前层 relative 1.当父元素设置了relative的zindex，子元素为absolute时，设置zindex无效2.当父元素relative设...

cgh1999520 2019-08-29 16:12 评论0 收藏0