[canvas入坑2]模糊效果

【[canvas入坑2]模糊效果】的更多相关文章

[canvas入坑2]模糊效果

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

[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入坑1]canvas 画布拖拽效果

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

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

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

RoboGuice 3.0 （一）入坑篇

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

[SSIS] 在脚本里面使用数据库连接字符串进行查询等处理, 入坑

入坑.!!!!! SSIS 中dts包设置的 ADO.Net连接, 在传入脚本的时候, 我要使用数据库连接,进行数据的删除操作. 于是我使用了了如下的代码使用的是windows 身份验证, 发布到正式环境上的时候, 不能使用windows验证, 而要使用账号密码登录, 结果我改完账号密码登陆以后, 里面调用的地方, connection.open 的时候就报错了, 说登录失败. 我看了看了一下连接字符串, 没有密码部分. 这个是微软设置的dts 包或者项目的安全性, 连接…

webpack入坑之旅（六）配合vue-router实现SPA

这是一系列文章,此系列所有的练习都存在了我的github仓库中vue-webpack,在本人有了新的理解与认识之后,会对文章有不定时的更正与更新.下面是目前完成的列表: webpack入坑之旅(一)不是开始的开始 webpack入坑之旅(二)loader入门 webpack入坑之旅(三)webpack.config入门 webpack入坑之旅(四)扬帆起航 webpack入坑之旅(五)加载vue单文件组件 webpack入坑之旅(六)配合vue-router实现SPA 在上面的练习当中我们已经成…

webpack入坑之旅（五）加载vue单文件组件

这是一系列文章,此系列所有的练习都存在了我的github仓库中vue-webpack,在本人有了新的理解与认识之后,会对文章有不定时的更正与更新.下面是目前完成的列表: webpack入坑之旅(一)不是开始的开始 webpack入坑之旅(二)loader入门 webpack入坑之旅(三)webpack.config入门 webpack入坑之旅(四)扬帆起航 webpack入坑之旅(五)加载vue单文件组件 webpack入坑之旅(六)配合vue-router实现SPA 需要什么? 在经过前面的四…

webpack入坑之旅（四）扬帆起航

这是一系列文章,此系列所有的练习都存在了我的github仓库中vue-webpack,在本人有了新的理解与认识之后,会对文章有不定时的更正与更新.下面是目前完成的列表: webpack入坑之旅(一)不是开始的开始 webpack入坑之旅(二)loader入门 webpack入坑之旅(三)webpack.config入门 webpack入坑之旅(四)扬帆起航 webpack入坑之旅(五)加载vue单文件组件 webpack入坑之旅(六)配合vue-router实现SPA 加载图片现在来我们来试试…

webpack入坑之旅（三）webpack.config入门

这是一系列文章,此系列所有的练习都存在了我的github仓库中vue-webpack,在本人有了新的理解与认识之后,会对文章有不定时的更正与更新.下面是目前完成的列表: webpack入坑之旅(一)不是开始的开始 webpack入坑之旅(二)loader入门 webpack入坑之旅(三)webpack.config入门 webpack入坑之旅(四)扬帆起航 webpack入坑之旅(五)加载vue单文件组件 webpack入坑之旅(六)配合vue-router实现SPA 在上面我们已经尝试过了两种…

webpack入坑之旅（二）loader入门

这是一系列文章,此系列所有的练习都存在了我的github仓库中vue-webpack 在本人有了新的理解与认识之后,会对文章有不定时的更正与更新.下面是目前完成的列表: webpack入坑之旅(一)不是开始的开始 webpack入坑之旅(二)loader入门 webpack入坑之旅(三)webpack.config入门 webpack入坑之旅(四)扬帆起航 webpack入坑之旅(五)加载vue单文件组件 webpack入坑之旅(六)配合vue-router实现SPA 引子在上一篇博客中我们已…

webpack入坑之旅（一）不是开始的开始

最近学习框架,选择了vue,然后接触到了vue中的单文件组件,官方推荐使用 Webpack + vue-loader构建这些单文件 Vue 组件,于是就开始了webpack的入坑之旅.因为原来没有用过任何的构建工具与模块化工具,所以本系列会十分的基础.并且可能有很多不正确的地方,希望大家谅解,并指出错误帮助改进.谢谢! 这是一系列文章,此系列所有的练习都存在了我的github仓库中vue-webpack,在本人有了新的理解与认识之后,会对文章有不定时的更正与更新.下面是目前完成的列表: webp…

gulp入坑系列(2)——初试JS代码合并与压缩

在上一篇里成功安装了gulp到项目中,现在来测试一下gulp的合并与压缩功能 gulp入坑系列(1)--安装gulp(传送门):http://www.cnblogs.com/YuuyaRin/p/6159809.html 在之前建立的项目中写入,在根目录新建js文件夹,并在文件夹中新建两个js文件,代码如下: index.js: var index={}; index={ test:function(argument){ console.log('test'); } } index.test()…

ReactNative for Android入坑（一）

最近找工作发现有些公司要求会ReactNative,决定入坑. 搭建环境:官网详细的教程附链接. 坑一:FQ,建议整个搭建过程中FQ.(FQ链接,注册有200M试用流量,环境搭建够了)第一步:安装Chocolatey,管理员运行cmd,输入指令: Chocolatey安装官网指令:@powershell -NoProfile -ExecutionPolicy Bypass -Command "iex ((New-Object System.Net.WebClient).DownloadStrin…

RxSwift 入坑好多天 - 终于有了一点理解

一.前言江湖上都在说现在就要赶紧学 swift 了,即将是 swift 的天下了.在 api 变化不大的情况下,swift 作为一门新的语言,集众家之所长,普通编码确实比 oc 要好用的多了老早就听说 MVVM 的概念及响应式函数式编程,微软确实厉害.自己最近没什么事,就前来入坑了二.学习方式参考别人写的一些博客,对于概念先有个理解,然后参考官方 example,就可以开始学习了推荐文章: http://www.codertian.com/2016/11/27/RxSwift-ru-k…

vue2入坑随记(二) -- 自定义动态组件

学习了Vue全家桶和一些UI基本够用了,但是用元素的方式使用组件还是不够灵活,比如我们需要通过js代码直接调用组件,而不是每次在页面上通过属性去控制组件的表现.下面讲一下如何定义动态组件. Vue.extend 思路就是拿到组件的构造函数,这样我们就可以new了.而Vue.extend可以做到:https://cn.vuejs.org/v2/api/#Vue-extend // 创建构造器 var Profile = Vue.extend({ template: '<p>{{firstName…

【Xbox one S】开箱&开机&初入坑心得

再来一发水贴,先上产品标准照镇贴: 前言身为一个资深单机游戏玩家,常年混迹在PC平台,但内心深处一直对主机有种迷之向往,感觉那才是单机游戏的正处之地,坐沙发上拿着手柄对着电视跌宕起伏才是正确的游戏姿势.80后的机友大概都有小时候跟小伙伴坐地上双打小霸王的愉快记忆,儿时的记忆总是那么深刻,任凭岁月和社会如何磨灭,总有些感觉想要找回,所以很难说现在淘来一台游戏机有几分是为了当下的娱乐,几分是为了找到当年的感觉.当然了,今天的PC也完全可以让你坐沙发拿手柄看电视甚至玩着相同的游戏,但就凭它叫游戏机,…

写个 Hello world - 前端从入坑到弃坑系列教程（1）

这是一个系列教程<前端从入坑到弃坑>的第一篇. HTML 是什么说白了,HTML 就是网页的内容.比如你现在正在阅读的这个网页的内容,就是 HTML.如果你还不明白,请继续往下阅读. 写一个简单的 HTML 首先在你的电脑上,新建一个名为 index.html 的文件,用文本编辑器打开(注意不要用 Windows 自带的记事本打开). 然后把下面的内容复制,粘贴到编辑器,保存文件. <!DOCTYPE html> <html> <head> <met…

入坑IT十年（二）技术以外

上一篇博客里提到:技术越来越简单,发布后不久,就看到<技术并不是越来越简单>,这显然是打擂台来了. 技术究竟是不是越来越简单?其实这个问题,要看你究竟是以什么角度来思考这个问题.我们可以举很多例子,比如: 生火,是不是越来越简单? 你可以说:是的,以前得钻木取火,太特么难了(贝爷除外)!现在打火机“啪”的一声,瞬间搞定,好简单. 但你也可以说:哪里哟!打火机要复杂得多,好不好?塑料外壳.液化气.喷嘴.打火石……任何一个零部件的制作都是现代工艺智慧的结晶,更别说要丝丝入扣,燃气一喷出来就瞬间打燃…

初生牛犊不怕虎 golang入坑系列

读前必读,下面所有内容都是来自这里. 放到这里的目的,就是为了比对一下,哪里的读者多.平心而论,同样的Markdown,博客园排版真心X看,怎么瞅怎么X看.(X := '难' || X :='耐' || X := '好' ) 都是原创,不是抄袭.如果真要拿去,也所谓,好歹给我留个名,也不枉费码字之苦. 您说是不是? 话接上节,继续聊.如果你此时此刻看到了"Hello God, My Golang.",那么检查一下有没有找到一首劲爆的音乐,旁边有没有沏好一杯好茶. 如果有,就关掉音乐喝掉…

入坑第二式 golang入坑系统

史前必读: 这是入坑系列的第二式,如果错过了第一式,可以去gitbook( https://andy-zhangtao.gitbooks.io/golang/content/ )点个回放,看个重播.因为我把第二式的入坑宣言和二式第一节的内容放在了一起,内容有些多.所以史前必读就不写那么多了. 所以直接请出入坑宣言: 飞龙在天乾卦九五此式跃起凌空,居高下击,先声夺人!以一飞冲天之式上跃双膝微曲,提气丹田,待觉真气上升,放松肌骨,存想玉枕穴间,急发掌劲取敌首.肩.胸上三路不知是金庸老先生造就了…

维多利亚的秘密 golang入坑系统

原文在gitbook,字字原创,版权没有,转载随意. 在写本文的前一天,2017维密在上海开始了. 为了纪念屌丝界的盛世,特为本节起名维多利亚的秘密.现在的社会,要想出名只有抓眼球.所以写份技术文章,还要蹭一下维密的光. 蹭对了,不出彩.蹭不对了,还要挨骂.昨天就有一位匿名的同学,说我写的罗里吧嗦,重点内容没多少,扯淡话语占半篇.这能怪我吗? 可能怪我吧.但去百度,google随手一搜,哪种语言没有<21天学会XXX>,<从XXX到XXX>, 好,言归正传,来一首定场小诗,算是告别…

SpringBoot入坑-项目搭建

对于学过三大框架的小童鞋,从今天开始给大家带来一套新的框架学习,相信对于做程序的小童鞋一定有所耳闻,作为下一代java开发框架springboot,减去了繁琐的xml配置,相信用过spring.status.hibernate的小童鞋对于大量的xml配置一定是心有余悸,当然啦spring支持注解,虽然减少了一些xml的配置,但是总的来说还是有些复杂.springboot作为下一代微服务开发框架,重点就在于简化了繁琐的xml配置,是的程序开发简化很多.好了废话不多说,下面我们开始今天的内容. 首先…

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

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

Linux探索之路1---CentOS入坑笔记整理

前言上次跟运维去行方安装行内环境,发现linux命令还是不是很熟练.特别是用户权限分配以及vi下的快捷操作.于是决定在本地安装一个CentOS虚拟机,后面有时间就每天学习一点Linux常用命令. 作为一个小白正式入坑CentOS了,于是就有了CentOS摸索系列.后续我会根据自己的摸索情况不间断更新. 安装安装VMWare WorkStation:直接百度搜索下载安装即可,我这里安装的版本是VMware® Workstation 14 Pro.正版需要序列号,否则只能试用30天.这里我给出一…

electron入坑指南

electron入坑指南简介 electron 实际集成chrome浏览器和node环境, 运行你写的网页 app 基本目录结构 index.html 名称可以不是index, 这个文件与普通网页的区别是它之中要引用<script 'renderer.js'> 类似这样 main.js 必须为这个名称, 用于创建窗口和主线程的操作, 能访问node模块 renderer.js 渲染进程, 能访问被打包的node模块和浏览器 electron-vue 一开始什么都不会, 所以用这个脚手架快速弄…

3-STM32带你入坑系列(自己封装点亮一个灯的库--Keil)

2-STM32带你入坑系列(点亮一个灯--Keil) 首先建一个stm32f103x.h的文件,然后 #include "stm32f103x.h" 还记得上一节现在呢就是做一个库,我就是想控制IO的时候方便一点,列如 PA 通过某种方式 CRL/CRH/IDR/ODR/BSRR/BRR/LCKR PB 通过某种方式 CRL/CRH/IDR/ODR/BSRR/BRR/LCKR PC ; PD ; PE ...... 额,直接进入正题要是可以这样就好了 PA->CR…

2-STM32带你入坑系列(点亮一个灯--Keil)

1-STM32带你入坑系列(STM32介绍) 首先是安装软件这一节用Kei来实现,需要安装MDK4.7这个软件,怎么安装,自己百度哈.都学习32的人了,不会连个软件都不会安装吧....还是那句话没有百度一下解决不了的事情,如果有那就是百度两下(除了科研和探索人类未知领域) 建个文件夹我用的是STM32F103C8t6 大家根据自己的选择建一个主函数的 .c文件编译一下启动文件里面有个执行 SystemInit函数的调用,因为咱没有这个函数,所以报错了,其实寄存器开发用不到,实际上这…

vue2.x入坑总结—回顾对比angularJS/React的一统

从感性的角度讲,我是不屑于用VUE,觉得react套件用起来更顺手,但是vue现在越来火,所以也不得入vue(杂烩汤)的坑.vue/anguarJS/React,三者对关系现在就是: https://www.zhoulujun.cn/uploadfile/images/2018/0626/20180626214906428779269.jpg 自己ps了下,觉得深有道理,骚年们自己体悟,然后再问军哥^_^ 不过回归真题,看vue还是先了解下https://cdn.zhoulujun.cn/vue…