web前端开发的基础知识 不同平台如何使用可拉伸元素?

在web前端设计开发这种,常常会用到可拉伸元素,比如气泡、不规则背景板、特殊投影切图等等 。下面我们一起来了解掌握关于不同平台如何使用可拉伸元素的一些知识内容 。

web前端开发的基础知识 不同平台如何使用可拉伸元素?

文章插图
为什么要使用可拉伸元素?【web前端开发的基础知识 不同平台如何使用可拉伸元素?】自适应适配
如果一个样式里面的内容有多有少,我们需要用到可拉伸元素以适应不同的场景 。
适配不同分辨率
可拉伸元素在不同的分辨率下只需要用一张就可以了 。
减少图片的大小
比如一张带特殊投影的背景板,正常切图体积很大的时候,我们可以考虑只切一部分以减少图片体积 。
不同平台如何使用可拉伸元素?安卓:.9是安卓平台应用软件开发里的一种特殊的图片形式,文件扩展名为:.9.png;这种格式的图片能让开发了解到哪部分可以被拉伸,哪一部分需要保持原有比例 。
iOS:iOS系统自带的拉伸属性只需要提供图片质量较高的切图即可,拉伸效果可以直接由代码控制 。
H5:切图+开发自己写规则图形拼接,需要注意的是,拼接的图形都需要是规则图形 。
· 如果气泡的小三角是规则的三角形的话不需要提供切图 。
· 如果气泡的小三角是带圆角的三角形是需要提供切图的,可以提供一个三角形的svg 。
以上就是关于可拉伸元素的使用方法,在设计和开发中可拉伸元素是一个很方便的功能,可以很好的使图片适配于不同场景中 。

    推荐阅读