精灵背景图的二倍图实际操作

2019-09-23 08:41:32来源:博客园 阅读 ()

新老客户大回馈,云服务器低至5折

精灵背景图的二倍图实际操作

1.在ps中打开,依次打开图像》图像大小,记录此时精灵图大小;

将这个精灵背景图等比例缩放到原来宽高的一半,记录此时缩放后的精灵图大小。

 

2.此时页面应显示的是缩放后的图片,打开f8找到它的坐标,将缩放后的xy坐标作为背景定位坐标

3.bg-size的宽度是缩放后的宽度

这样,就完成了精灵二倍缩放,如果是三倍,将原图尺寸除以三就可以。

 


原文链接:https://www.cnblogs.com/hjk1124/p/11537071.html
如有疑问请与原作者联系

标签:

版权申明:本站文章部分自网络,如有侵权,请联系:west999com@outlook.com
特别注意:本站所有转载文章言论不代表本站观点,本站所提供的摄影照片,插画,设计作品,如需使用,请与原作者联系,版权归原作者所有

上一篇:css简单动画(transition属性)

下一篇:不用JS,教你只用纯HTML做出几个实用网页效果