hc-canvas-draw v1.0.1

#HcToast使用说明

安装

cnpm install @hc/hc-canvas-draw"

es6模块化开发

importcanvasDraw from '@hc/hc-canvas-draw'

或者使用静态文件引用

<script type="text/javascript" src="http://testevent.pinkecard.com/v1/core/npm/node_modules/@hc/hctoast/toast.min.js"></script>

使用

默认最简形式，参数为字符串

importcanvasDraw from '@hc/canvasDraw'

$('.btn').on('click', function() {
  new HcToast('姓名不能为空！');
});

自定义配置，参数为object

import HcToast from '@hc/hctoast'

//自定义显示位置居中
new HcToast({text: '呵呵', top: 'middle'})

//自定义显示位置靠底部
new HcToast({text: '呵呵', top: 'bottom'})

//内容可以嵌入html代码
new HcToast({text: '<p><img src="icon.png"/>你好</p>'})

//可以自定义className,可以自定义css扩展
new HcToast({text: '呵呵', className:'abc', css:{'background-image':'url(bg.png)'}})

//自定义显示时间为10秒
new HcToast({text: '呵呵', time: 10})

//显示后不自动消失，由程序控制其消失
var toast = new HcToast({text: '呵呵', top: '40%', time: 0})
setTimeout(() => toast.hide(), 5000)


//控制全部toast消失
HcToast.hideAll()