Sketch Measure 让创建规范成为开发者和团队协作的乐趣 http://sketch.im/plugins/1 安装 工具栏 一个集成了所有功能图标的工具栏，可以方便操作每一个功能 执行 Plugin > Sketch Measure > Toolbar 或使用快捷键 control ? ...
分类：
其他好文 时间：
2017-05-08 12:28:21
阅读次数：
282
HTMLElement.offsetLeft HTMLElement.offsetHeight 但 是需要注意的是，这两个属性所储存的数值并不是该元素相对整个浏览器画布的绝对位置，而是相对于其父元素位置的相对位置，也就是说这两个数值得到的是以其 父元素左上角为(0,0)点从而计算出的数值。那么如何得 ...
分类：
编程语言 时间：
2017-05-07 15:45:31
阅读次数：
167
今天用H5中的canvas标签做一个时钟，H5中有很多好用的新增标签，真的很不错。 1.canvas标签介绍 <canvas> 标签定义图形，比如图表和其他图像，你必须使用脚本来绘制图形。在画布上（Canvas）画一个红色矩形，渐变矩形，彩色矩形，和一些彩色的文字。 HTML5 <canvas> 元 ...
分类：
其他好文 时间：
2017-05-06 11:43:22
阅读次数：
165
网页特效——刮刮效果实现。 首先分析一下，实现刮刮效果的原理，需要用到html5中的画布canvas，这是一个强大的提供绘制功能的标签，主要用在网页中的图表呈现，比如一些折线图、扇形图等，甚至在游戏开发当中也有广泛的运用，过多的介绍就不多说，刮刮效果需要会使用canvas实现基本的路径绘制，另外需要 ...
分类：
其他好文 时间：
2017-05-05 14:19:15
阅读次数：
123
阅读文章前需要了解的知识，纹理：https://learnopengl-cn.github.io/01%20Getting%20started/06%20Textures/ 过程简述：利用 FreeImage 库加载图像数据，再创建 OpenGL 纹理，通过 Canvas2D 画布绘制，最后又 Re ...
分类：
其他好文 时间：
2017-05-04 21:52:15
阅读次数：
233
轮播总结一.二帧式布局实现运用二块画布实现轮播动画1）jq实现的滑动原理a.初始化第一帧显示第一张图；第二帧显示第二张图； b.向左滑动时先向左左动画；动画结束后，将第一帧删除；在第二帧后添加新的帧... ...
分类：
其他好文 时间：
2017-05-04 18:35:33
阅读次数：
137
1.什么是CANVAS canvas是html5新增的画布元素，可以通过javascript来在画布上绘制图形，图标以及任何视觉性的图像。 2.canvas的用途 替代flash，做各种动态效果，做小游戏。 3.canvas的使用 使用canvas需要先在html页面中，存放一个canvas的元素。 ...
分类：
其他好文 时间：
2017-05-02 14:05:55
阅读次数：
178
Android截屏
Android截屏的原理：获取具体需要截屏的区域的Bitmap，然后绘制在画布上，保存为图片后进行分享或者其它用途
一、Activity截屏
1、截Activ...
分类：
移动开发 时间：
2017-05-02 14:01:55
阅读次数：
252
旋转和平移是2个基础的动画效果,也是复杂动画的基础。 如果是普通的页面只要设置transform属性很容易实现平移+旋转的组合效果，达到自旋转下落的效果。因为操作的直接是动作元素本身很容易理解。 但是在canvas中，如果要实现一个旋转，是需要旋转画布来实现。 如下图： 实现代码 这里save() ...
分类：
其他好文 时间：
2017-04-30 21:28:03
阅读次数：
121
canvas实现简易画布 function Canvas(Obj,Can,Color,fn){ //参数二代表canvas对象，参数三代表2d对象，参数四代表颜色 EventUtil.addHandler(Obj,"touchstart",function(evt){ Can.save() fn&& ...
分类：
其他好文 时间：
2017-04-28 16:09:04
阅读次数：
172
