[摘要]在as3或android等开发上我们都会用到scale9grid矢量按钮,可以在缩放时保持像素,尤其在屏幕大小变化拉伸时可以避免失真。krpano也提供了按钮scale9grid化的方法,左边是scale9grid按钮,右边是普通图片按钮,点击按钮查看矢量放大效果对比。
代码说明
1 2 3 4 5 6 7 8 9 10 11 12 13 14 |
<!-- scale9grid按钮,通过scale9grid属性获取矢量化坐标,坐标原理和crop一样,但截取范围必须紧贴有效像素边缘 --> <plugin name="button1" url="button.png" align="center" edge="center" x="-25%" scale9grid="12|9|74|71" /> <!-- 普通按钮代码 --> <plugin name="button2" url="button.png" align="center" edge="center" x="+25%" /> |