`
flyfox1982
  • 浏览: 78091 次
  • 性别: Icon_minigender_1
  • 来自: 上海
社区版块
存档分类
最新评论
文章列表
我们都知道在canvas 可以通过clip来实现剪裁功能,其步骤一般是先设置要裁剪的区域(路径),然后通过ctx.clip()的实现裁剪,裁剪之后,后续的绘制只能在裁剪的区域显示效果,比如如下一段代码,实现了一个圆形裁剪: ctx.beginPath(); ctx.arc(100,100,50,0,Math.PI*2); ctx.clip(); ctx.rect(0,0,200,200); ctx.fillStyle='red'; ctx.fill(); 最终效果如下:  
<div class="iteye-blog-content-contain" style="font-size: 14px"></div> 最近的一个项目中的需求要对一堆元素进行排序,排序的依据是元素在页面上面的坐标位置,然后按照顺序给所有元素一个编号。如下图所示:   排序并编号 做这个需求的是一个新入职的小伙,思考摸索了很久,他也没有找到合适的方法。不得不说,部分新入职的小伙的思维能力还是有待提高啊。其实这个问题很简单,就是对元素按照坐标进行排序。从图上可以看出规则是x坐标优先于y坐标,具体来说,两个元素a和 ...
<div class="iteye-blog-content-contain" style="font-size: 14px"></div> linux命令 注意一下内容收集与互联网,如果觉得有版权问题,请联系。 用Linux命令的时候,如果熟悉对应英文的含义,更有助于理解相应的命令。man: Manual 意思是手册,可以用这个命令查询其他命令的用法。这个命令类似其他语言 比如MATLAB中的help命令pwd:Print working directory 意思是密码。su:Swith user 切换用户,切换到ro ...
<div class="iteye-blog-content-contain" style="font-size: 14px"></div>  在最近给客户交付的一个项目中,客户反映系统跑一段时间就会奔溃掉。我的第一直觉就是可能发生了内存泄漏。 复现bug 为了能够让bug复现,我 ...
最近公司招聘了一批初级前端工程师,招聘之后就是开始培训和实习指导,培训过程中,思考了一些问题,包括如何更好的培训 指导 以及管理新人。也思索了新人程序员自己应该如何快速成长。 态度是第一位的 态度用于是第 ...
上一篇已经讲述了通过面模拟线条时候,每一个顶点的顶点数据包括:端点坐标、偏移量、前一个端点坐标、后一个端点坐标,当然如果我们通过索引的方式来绘制的话,还包括索引数组,下面的代码通过传递一组线条的端点数组来创建上述相关数据:  ``` bk.Line3D = function (points,colors){      this.points = points;      this.colors = colors; }   bk.Line3D.prototype.computeData = function() {       var len = this.points.leng ...
基本思路 上一篇文章简单介绍了WebGL绘制Line的bug,这一篇文章会讲述解决这个问题的work around。 上一篇文章结尾简单提了下解决的思路,就是通过三角形来模拟线条。 以两个端点组成的线段为例,绘制line的时候只用指定两个 ...
在实际的项目中,我们经常会有如下的需求: 从一个map中获取某key的值,如果发现对应的key的值为null,则为该key创建一个值(一般为初始值),然后把这个值存回到map中,代码如下: ``` var value = map[key]; if(value == null){         value = "";         map[key] = value; } ``` 但是总感觉这段代码太啰嗦,太长。 实际项目中,这种代码很多,如果到处都是这种代码的话,就显得冗长。 ##赋值操作合并 首先,value = "" 和 m ...
最近公司有小伙伴向我反馈,说自己好像跟不上,感觉拖后腿了。希望我能够帮忙指点下迷津。他的问题是主管交给他的任务,他都能理解。但是就是自己动手写程序的时候,发现很多问题解决不了,很慢。针对他这种情况,我 ...
熟悉WebGL的同学都知道,WebGL绘制模式有点、线、面三种;通过点的绘制可以实现粒子系统等,通过线可以绘制一些连线关系;面就强大了,通过面,我们可以绘制我们想绘制的所有的三维对象。 一切看起来都很完美,perfect。 然而,不幸的是,WebGL在绘制线条的时候,存在一个缺陷,那就是在一些机器的一些浏览器上面(应该是大多数情况下)线宽只能设置为1,而不能设置成其他的值。 通过网址http://alteredqualia.com/tmp/webgl-linewidth-test/,我们可以测试自己的电脑是否有线宽的不能设置的bug,以下是我的电脑(mac 电脑)用chrome(版本59 ...
最近公司的一个开发项目,后端用的是nodejs。这两天需要打包给客户演示,就让公司一个小伙把之前3D机房的打包工具移植过来。打包之后,发现原本在开发环境下的跑的好好的项目,不能访问了。出现项目的首页不能访问的问题: can not get file index.html express.static 问题出在哪儿?nodejs后端的用了express,index.html是一个静态文件。我们知道,通过 Express 内置的 express.static 可以方便地托管静态文件,例如图片、CSS、JavaScript 文件等。将静态资源文件所在的目录作为参数传递给 express.s ...
http://support.apple.com/zh-cn/TS2986 OS X:无法在 Time Machine 用于备份的宗卷上进行安装 您可能无法在 Time Machine 用于(或过去用于)备份的宗卷(磁盘)上安装 Mac OS X v10.6 或更高版本。   请按照以下步骤操作,以便在磁盘上进行安装。 重要信息:其他磁盘上应有当前的 Time Machine 备份。 注:如果不需要位于安装宗卷上的备份,您只需使用“磁盘实用工具”抹掉宗卷即可,无需执行以下步骤。抹掉磁盘将导致丢失磁盘上的所有数据,因此,抹掉之前请确保您已备份所有数据。 从要在其上进 ...
续上篇,之前写的案例,都是比较初级的。案例4: 代写情书,软文,论文等等。这是我一个同学的真实故事。    我隔壁寝室的小王平时没事就爱谢谢博客,逛逛论坛。大二的时候接触了威客网,开始在网上帮别人写一些推广软文,演讲稿之类的东西。但是 因为没有经验,基本上很少被采纳的。但是人家就是喜欢没事写写东西,反正自己写也是写,帮别人还有可能挣到钱,就这样他坚持每天写了半年。越写越好,越来越多的人找到他让。就这样,他在大三的时候一个月光靠写文章每个月就能正道三千多。    这个时候越来越多的人找到他,他自己一个人根本写不完,于是就有一些让他的女朋友写,业务越来越多,又开始发给同学些。这样慢慢的到现在他自己都 ...
通过taobao开店的方式赚点外快,我想是现在很多人能够想到的一种方式,所以我觉得这篇文章有点废话。  不过,真的每个人都能做好taobao吗? 你要买什么,你应该怎么做,这个是一个值得考虑的问题。相信没有人不知道淘宝的 ...
近期由于出差等原因,更新较慢。本来想发一篇关于淘宝的文章,不过感觉前篇投资讲得不是很透彻,所以想写一个续篇。前篇发出来后,收到了不少人的反馈,其中褒扬者有之,不屑者有之,贬踩者有之。 有的人觉得我写的比 ...
Global site tag (gtag.js) - Google Analytics