# JSRuler

**Repository Path**: wangscript/JSRuler

## Basic Information

- **Project Name**: JSRuler
- **Description**: Ruler用来在网页中显示标尺。一般用于开发需要进行页面对齐的工具，例如photoshop，自定义表单设计器等。
包括的功能有：顶部和左侧显示标尺，可以拖动生成标尺线。
- **Primary Language**: JavaScript
- **License**: MIT
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 7
- **Created**: 2017-12-06
- **Last Updated**: 2020-12-19

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

## JSRuler介绍

JSRuler采用javascript实现，用来在网页中显示标尺。
![JSRuler运行效果图](README/demo.jpg)

## JSRuler依赖
JSRuler依赖jquery，jquery.event.drag和jquery.event.drop

## JSRuler使用

引入文件
```html
<link rel="stylesheet" href="../src/ruler.css" />
<script src="../src/ruler.js"></script>
```

代码示例
```javascript
<script type="text/javascript">
    new Ruler().wrap('rulerInner');
</script>
```