飙风小生
2015-11-01 10:29
记得数学里象限,第四象限x轴是正数,y轴是负数啊,这里怎么都成负数了?那不成了第三象限了吗?
雪碧图是在第四象限中,所以水平方向向右移动为正值,垂直方向(向下)为负。结合数学坐标轴理解各个象限的值
背景图片设置,canvas画布。其原点是左上角顶点,向右的x方向为正,向下的y方向亦为正。与数学象限里的意义有本质的不同,不要搞混了。
pardon... 回复qq_放纵你...
这样讲,不知道你是否明白。如果背景图只有一个图标,作为某个div的背景图,div对象本身也是有原点(0,0),然后背景图片的图标在背景图中左上角顶点开始(0,0),你写不写position都不影响背景图标的使用。但是如果。图标在背景图中的位置为(5,28)这样的,要让该图标定位作为div背景图,而必须将图标与div展示区域原点(0,0)位置对齐(校准坐标),即使用背景图的position值为(-5,-28),以期使用的图标起始位置在展示div原点(0,0)位置。简单点是这样计算(0-5,0-28),即静态标签的每一个元素以自己为参照系,自己为原点。
2015-11-19 08:56:32
共 2 条回复 >
CSS Sprite雪碧图应用
47101 学习 · 228 问题
相似问题
回答 1
回答 4
回答 3
回答 2