[canvas入坑0] Jquery + HTML5 做最简易的画板

【[canvas入坑0] Jquery + HTML5 做最简易的画板】的更多相关文章

[canvas入坑0] Jquery + HTML5 做最简易的画板

查看效果请到 http://philippica.github.io/ 点击paint 嗯,心血来潮想做个东西的一部分 html部分不用多说了,重点就是一个canvas <!DOCTYPE html> <html> <head> <title>foo</title> <meta charset = "utf-8"> <script type = "text/javascript" src…

[canvas入坑3] 类似ps中魔术棒或者画图中油漆桶的功能

查看效果请到 http://philippica.github.io/ 点击fill 这功能其实实现很low,最早高一看黑书的时候看到了floodfill算法感觉好神奇,转念一想这不就是bfs么!!被高大上名词骗了有木有所以先设置一个阈值var threshold;它的含义和photoshop魔术棒中容差的含义相同,当它等于0时表现出来的功能就是画图的油漆桶然后进行bfs,从鼠标按下的点开始做唔,js里面shift unshift pop push这四个Array上的函数天然的让queu…

[canvas入坑2]模糊效果

查看效果请到 http://philippica.github.io/ 点击blur 模糊效果比较好的应该是高斯模糊,一个点的值变成了以该点为圆心的一个圆内所有像素的加权平均,权重由二维正态分布计算出以前用qt实现过一个高斯模糊,但是js的速度毕竟不能和c++比,为了实现一个比较好的效果,这里在效率和效果方面做了个折中,每一点的值等于以这个点为中心的正方形内所有像素值的平均这样的优点是计算速度快,矩阵天然的存着正方形,所以通过一个O(canvasWidth * canvasHeight)的…

[canvas入坑1]canvas 画布拖拽效果

查看效果请到 http://philippica.github.io/ 点击drag 和上一篇画图很像,所以有些部分做了省略当鼠标按下时保存当前画布上的内容到ppImgData中,并且记录下初始点的位置,当鼠标移动时调用ppDrag函数 $('#myCanvas').unbind(); $('#myCanvas').mousemove(function(e) { if(ppMousePressed) { var mouseX = e.pageX - this.offsetLeft; var…

RoboGuice 3.0 （一）入坑篇

RoboGuice是什么? 一个Android上的依赖注入框架. 依赖注入是什么? 从字面理解,这个框架做了两件事情,第一是去除依赖,第二是注入依赖.简单理解就是,将对象的初始化委托给一个容器控制器,即去除依赖,再从容器控制器中构建依赖,注入回原本的对象中,即注入依赖. 依赖注入的好处是对象不需要在乎其依赖的初始化,使代码变得无比简洁. 一.接入在build.grade中添加依赖 dependencies { provided 'org.roboguice:roboblender:3.0.1'…

web前端－－知识点，笔记叠加（javascript,jquery,html5+css3.0,ajax）

函数传参列表,获取方法arguments的使用 function arg(){ var str = '总共传了'+arguments.length+'个参数\n'; for(var i=0;i<arguments.length;i++){ str += '第'+(i+1)+'个参数值:'+arguments[i]+'\n'; } alert(str); } arg('Mrzou博客','PHP博客','WEB博客'); //总共传了3个参数//第1个参数值:Mrzou博客 //第2个参数值:PH…

h5 录音自动生成proto Js语句 UglifyJS-- 对你的js做了什么【原码笔记】-- protobuf.js 与 Long.js 【微信开发】-- 发送模板消息能编程与会编程 vue2入坑随记(二) -- 自定义动态组件微信上传图片

得益于前辈的分享,做了一个h5录音的demo.效果图如下: 点击开始录音会先弹出确认框: 首次确认允许后,再次录音不需要再确认,但如果用户点击禁止,则无法录音: 点击发送将录音内容发送到对话框中.点击即可播放.点击获取录音即可下载最后一次的音频: 播放下载都是围绕blob文件.播放就是让隐藏的audio标签的地址指向内存中的blob: this.play = function (audio,blob) { blob=blob||this.getBlob().blob; audio.src =…

Vue2.0史上最全入坑教程（下）—— 实战案例

书接上文前言:经过前两节的学习,我们已经可以创建一个vue工程了.下面我们将一起来学习制作一个简单的实战案例. 说明:默认我们已经用vue-cli(vue脚手架或称前端自动化构建工具)创建好项目了一. 项目说明 ps:这个简单小项目只提供一个小小小的骨架,需要向“它”身上具体加多少“肉”,需要大家考虑好功能和布局后进行完善. 1.首先看下主页效果:如下图主页分析:大体上分为上(header).中(body或content).下(footer)三部分,中间body部分是由若干个相同的li…

web前端入坑第二篇：web前端到底怎么学？干货资料！【转】

http://blog.csdn.net/xllily_11/article/details/52145172 版权声明:本文为博主[小北]原创文章,如要转载请评论回复.个人前端公众号:前端你别闹,JS前端实用开发QQ群 :147250970 欢迎加入~! 目录(?)[+] hi,大家好! 我的第一篇文章:[web前端到底是什么?有前途吗?],在我没想到如此 ‘HOT’ 的情况下得到很多好评和有效传播. 也为我近期新开的个人前端公众号:前端你别闹(webunao) 直接增加了几百粉(果然,帅…

大神都在看的RxSwift 的完全入坑手册

大神都在看的RxSwift 的完全入坑手册 2015-09-24 18:25 CallMeWhy callmewhy 字号:T | T 我主要是通过项目里的 Rx.playground 进行学习和了解的,这种方式确实便捷高效.只需要把文档用 /*: */ 注释即可,直接用 Markdown 编写,简单方便.不过 Xcode7 中这种方式现在还不是很稳定,会有大量的空行,而且有个最大的问题就是阅读到中间然后切到其他文件再切回来的时候,阅读的进度条是从头开始的,并不能记录上次阅读的位置.心累....…