make-img-counter

0.2.0 • Public • Published

make-img-counter

切好0-9对应的图片,一行命令生成定制的记分板组件

使用方法

  1. npm install -g make-img-counter
  2. 创建一个文件夹,比如叫test
  3. test文件夹内创建一个文件夹src
  4. test/src文件夹内放入你已经切好的0-9的图片(宽高必须一致)
  5. test目录下执行make-img-counter
  6. test/dist下获取产出物,包括jscssimg

api

<div id="J-counter"></div>
// 需要引入产出的css和js文件
// js支持amd,没有amd环境时暴露到全局的makeImgCounter这个变量上
// 参数1:记分板容器(必要)
// 参数2:初始化分数(默认为0)
// 参数3:积分板最高位数(默认为1)
// 参数4:从上向下翻 || 从下向上翻(默认为从上向下翻) 
var counter = makeImgCounter(
    document.getElementById('J-counter'),
    123,
    3,
    'increment' || 'decrement'
);
 
// 更新计分板上的数字
counter.update(321);

Readme

Keywords

Package Sidebar

Install

npm i make-img-counter

Weekly Downloads

1

Version

0.2.0

License

MIT

Last publish

Collaborators

  • butsalt