# csssprites

**Repository Path**: wuzhike403/csssprites

## Basic Information

- **Project Name**: csssprites
- **Description**: 使用 Html5 写的非常人性化, 简单, 所见即所得的 合成雪碧图的页面。
- **Primary Language**: JavaScript
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2018-03-05
- **Last Updated**: 2020-12-19

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# csssprites
使用 Html5 写的非常人性化, 简单, 所见即所得的 合成雪碧图的程序。
  
<br/> 
<br/> 
   
   

### 图片外框
***

使用**图片外框**的目的是为了更方便地使用图片。   
图片外框的大小:  
1. 如果图片宽度小于20px, 则外框宽度: 20px;
2. 一般地, 外框宽度为：大于或等于图片宽度的最小10的倍数,  
    如：图片宽度: 23px, 则外框宽度: 30px;  
        图片宽度：50px, 则外框宽度: 50px;  
   高度也是一样。

<br/>
  
   
### 手动修改图片位置
***
使用 `deltool` > `Element` 模块, 直接修改某个或整个图片的样式,   
比如: 位置，间距，对齐方式等。  
最终生成的图片是整个图片区的快照, 即：所见即所得。
  
 <br/> 

### 图片区大小是可以拖动的
***
初始化为: 10px*10px, 所以需要手动拖动来改变其尺寸。  

为什么这么设:  
    如果通过js或css设置了元素的尺寸, 即使元素设置了resize: both, 也无法通过拖动使元素尺寸更小。  
    为了保证拖动时最大的灵活度, 才设置可初始的10*10