ITman彪叔 - 博客园

canvas反向裁剪技巧

摘要：我们都知道在canvas 可以通过clip来实现剪裁功能，其步骤一般是先设置要裁剪的区域（路径），然后通过ctx.clip()的实现裁剪，裁剪之后，后续的绘制只能在裁剪的区域显示效果，比如如下一段代码，实现了一个圆形裁剪：最终效果如下：裁剪裁剪有的时候，我们希望能够实现反向裁剪，比如上面例子阅读全文

posted @ 2019-02-15 11:42 ITman彪叔阅读(423) 评论(0) 推荐(0) 编辑

canvas 绘制双线技巧

摘要：楔子最近一个项目，需要绘制双线的效果，双线效果表示的是轨道（类似铁轨之类的），如下图所示：负责这块功能开发的小伙，姑且称之为L吧，最开始是通过数学计算的方式来实现这种双线，也就是在原来的路径的基础上，计算出两条路径。但是这个过程的计算算挺复杂，而是最终实现的效果很耗性能，性能损耗估计主要在于路径阅读全文

posted @ 2018-12-20 15:35 ITman彪叔阅读(850) 评论(0) 推荐(0) 编辑

如何优雅的构建排序公式

摘要：最近的一个项目中的需求要对一堆元素进行排序，排序的依据是元素在页面上面的坐标位置，然后按照顺序给所有元素一个编号。如下图所示：排序并编号排序并编号做这个需求的是一个新入职的小伙，思考摸索了很久，他也没有找到合适的方法。不得不说，部分新入职的小伙的思维能力还是有待提高啊。其实这个问题很简单，就是阅读全文

posted @ 2018-12-12 18:10 ITman彪叔阅读(636) 评论(0) 推荐(0) 编辑

canvas高效绘制10万图形,你必须知道的高效绘制技巧

摘要：最近的一个客户项目中，简化的需求是绘制按照行列绘制很多个圆圈。需求看起来不难，上手就可以做,写两个for循环。原始绘制方法首先定义了很多Circle对象，在遍历循环中调用该对象的draw方法。代码如下：结果绘制出了按照行列排布的很多个圆圈了，如下图所示：原始方法绘制很多圆圈原始方法绘制很多阅读全文

posted @ 2018-12-05 14:20 ITman彪叔阅读(1212) 评论(0) 推荐(4) 编辑

WebGL2系列之实例数组(Instanced Arrays)

摘要：实例化数组实例化是一种只调用一次渲染函数却能绘制出很多物体的技术，它节省渲染一个物体时从CPU到GPU的通信时间。实例数组是这样的一个对象，使用它，可以把原来的的uniform变量转换成attribute变量，而且这个attribute变量对应的缓冲区可以被多个对象使用；这样在绘制的时候，可以减少阅读全文

posted @ 2018-12-05 13:58 ITman彪叔阅读(917) 评论(0) 推荐(0) 编辑

Linux命令对应的英文及整体学习法

摘要： linux命令注意一下内容收集与互联网，如果觉得有版权问题，请联系。用Linux命令的时候，如果熟悉对应英文的含义，更有助于理解相应的命令。man: Manual 意思是手册，可以用这个命令查询其他命令的用法。这个命令类似其他语言比如MATLAB中的help命令pwd：Print workin 阅读全文

posted @ 2018-11-14 15:17 ITman彪叔阅读(205) 评论(0) 推荐(0) 编辑

分享两个故事

摘要：第一个故事前两天和写文档的小姑娘聊天。她说写文档的效率提高了差不多近一倍。让我感到挺惊喜。在此之前，一个项目负责人和说起最近文档的工作累计的比较多。我比较疑惑，所有的项目都需要文档吗？然后和负责人简单的聊了几句，大概了解了下相关的工作流程。觉得流程上有一定的问题，我就立马叫上了小姑娘过来阅读全文

posted @ 2018-11-05 21:07 ITman彪叔阅读(173) 评论(0) 推荐(1) 编辑

前端内存泄漏的分析案例

摘要：在最近给客户交付的一个项目中，客户反映系统跑一段时间就会奔溃掉。我的第一直觉就是可能发生了内存泄漏。复现bug 为了能够让bug复现，我让开发的小伙，先把模拟系统在本地跑起来。要知道，bug复现是很重要的。bug复现，能够让开发人员直观的感受到bug发生的过程。另外如果bug不能复现，程序员的反应阅读全文

posted @ 2018-09-25 11:28 ITman彪叔阅读(2102) 评论(2) 推荐(6) 编辑

JavaScript指定断点操作

摘要：什么是断点操作（Breakpoint action）做前端开发的小伙伴，或许对这个断点操作不是很熟悉。不过你要是问其他语言（比如C，C++ ，C #等）的开发者，他们应该都挺熟悉断点操作，这种断点操作在诸如XCode或者Visual Studio的IDE中都会有提供。以下一段话来自知乎断点操作阅读全文

posted @ 2018-09-18 09:34 ITman彪叔阅读(685) 评论(1) 推荐(0) 编辑

年轻程序员如何快速成长

摘要：最近公司招聘了一批初级前端工程师，招聘之后就是开始培训和实习指导，培训过程中，思考了一些问题，包括如何更好的培训指导以及管理新人。也思索了新人程序员自己应该如何快速成长。态度是第一位的态度用于是第一位的，不只是新员工，老员工也是如此。不过对于新员工来说，更加重要。没有好的态度的员工，能力再强阅读全文

posted @ 2018-09-04 14:26 ITman彪叔阅读(412) 评论(0) 推荐(0) 编辑