欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

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

程序员文章站 2022-05-23 12:13:23
1.在ps中打开,依次打开图像》图像大小,记录此时精灵图大小; 将这个精灵背景图等比例缩放到原来宽高的一半,记录此时缩放后的精灵图大小。 2.此时页面应显示的是缩放后的图片,打开f8找到它的坐标,将缩放后的xy坐标作为背景定位坐标 3.bg-size的宽度是缩放后的宽度。 这样,就完成了精灵二倍缩放 ......

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

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

 

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

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

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