- 授权协议: LGPL
- 开发语言: JavaScript
- 操作系统: 跨平台
- 软件首页: http://git.oschina.net/nightwish/scratchMod
- 软件文档: http://nightwish.oschina.io/scratchmod
软件介绍
刮奖用组件,使用了html5的画布(canvas) 在不支持画布的浏览器中自动使用div的形式。(div的形式没有擦除效果,在“开始回调”中的第一个参数声明了是canvas还是div)
使用示例代码:
buildScratchMod:function(){ var that = DomeWebController; var $canvas = $( ScratchMod({ 'container': that.getEle('$scratchModContainer'),//目标容器 'bgImgSrc': 'static/img/doge.jpg',//背景图 //'imgSrc': ,//蒙版图 //'penImgSrc': ,//擦笔图 'color': 'blue',//蒙版颜色(有imgSrc的情况下该属性无效) 'width': 300,//宽度 'height': 300,//高度 'eraseRadius':30,//擦除笔的半径(有penImgSrc的情况下无效) 'sampleStep': 1,//获取擦除百分百时的精度(数字越大精度越小) 'sampleCD': 500,//获取擦除百分百的时间间隔 'sampleCallback': that.sampleCallback,//获取擦除百分百的回调函数(返回true后不再回调),回调的第一个入参为擦除百分百 'startCallback': that.startCallback//开始刮的回调(只回调一次,回调的第一个入参为生成的元素类型 canvas或div) })); that.setEle("$scratchMod",$canvas); $canvas.css({'backgroundSize':'cover'}); }, sampleCallback:function(rate){ var that = DomeWebController; that.getEle("$show2").html(rate); }, startCallback:function(ele){ var that = DomeWebController; that.getEle("$show1").html(ele+"开始了"); }
恰如其分的软件架构
George Fairbanks / 张逸、倪健、高翌翔 / 华中科技大学出版社 / 2013-9-1 / 88.00
本书描述了一种恰如其分的软件架构设计方法。作者建议根据项目面临的风险来调整架构设计的成本,并从多个视角阐述了软件架构的建模过程和方法,包括用例模型、概念模型、域模型、设计模型和代码模型等。本书不仅介绍方法,而且还对方法和概念进行了归类和阐述,将软件架构设计融入开发实践中,与 敏捷开发方法有机地结合在一起,适合普通程序员阅读。 . 这是一本超值的书,案例丰富有趣,言简意赅,阅读轻松。当年......一起来看看 《恰如其分的软件架构》 这本书的介绍吧!
MD5 加密
MD5 加密工具
RGB CMYK 转换工具
RGB CMYK 互转工具