分享一个自己写的基于canvas的原生js图片爆炸插件

2016-07-10 22:40:00

DEMO访问地址： https://bupt-hjm.github.io/BoomGo/
博客地址： http://bupt-hjm.github.io/2016/07/10/boom/
插件及使用方法地址： https://github.com/BUPT-HJM/BoomGo
动画：

1.参考JQuery，支持链式调用

(function(window, undefined) {  //...  // A.prototype.init.prototype指向A.prototype  boom.prototype.init.prototype = boom.prototype;  //暴露变量  window.boom = boom;})(window)

2.Canvas API getImageData 对图像颜色采样

  /    * 获取canvas像素值,构造colors数组   * @param   ctx    绘图上下文   * @param   canvas canvas元素   * @return  colors colors数组   */  function initColors(ctx, canvas) {    var colors = [];    var imagedata = ctx.getImageData(0, 0, canvas.width, canvas.height);    var data = imagedata.data;    for (var x = 0; x 初学canvas，欢迎follow和star，pull request，提出您的宝贵意见**github地址：** https://github.com/BUPT-HJM/BoomGo## 感谢1. 感谢@chokcoco与@xxycode带来的灵感和部分代码参考1. 感谢@kiki9611的建议1. 参考https://github.com/chokcoco/boomJS1. https://github.com/xxycode/UIViewXXYBoom可自由转载、引用，但需署名作者且注明文章出处。#html5、JavaScript#

本文来自互联网用户投稿，文章观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如若转载，请注明出处。如若内容有涉嫌抄袭侵权/违法违规/事实不符，请点击举报进行投诉反馈！