使用Canvas将普通图片转换成一个div标签,并使用box-shadow将整张图还原,可设置还原等级
灵感源自:http://codepen.io/HugoGiraudel/full/gpcwa/
在线DEMO:http://mailzwj.github.io/p2e/
size
: 整数,色块儿尺寸,单位为像素attrs
: 对象,生成html元素的属性space
: 整数,生成html元素色块间隙,默认1radius
: 整数,生成html元素色块圆角大小,默认undefined
get(n)
: 获取参数值,返回传入属性对应的值set(n, v)
: 设置参数值drawImage(img, callback)
: 绘制图片,img可为图片url或img标签,callback为绘制成功后的回调函数getHtml()
: 获取转换完成后得到的html标签和样式