互联网每天都在为我们呈现许多新鲜的玩意,但我们之中的大多数人对此都可谓知之甚少。在2007年的 TED 大学开课期间,来自Taschen出版公司的 Julius Wiedemann 以走马观花的方式向在场学生演示了100多个此类的网站,其涵盖的范围包括艺术、设计、绘画、新闻、博客以及怪闻逸事。由于观...
分类:
Web程序 时间:
2015-05-26 15:51:29
阅读次数:
305
摘要 制作微信后台时需要用html5制作一个小活动,用到的canvas,感觉不错,总结一下与大家分享,涉及:html5-canvas、canvas路径绘画、canvas-事件响应canvas canvas图像加载 canvas路径绘制 canvas事件响应 canvas路径响应先讲讲canvas?1...
分类:
其他好文 时间:
2015-05-24 21:51:35
阅读次数:
126
首先了解一下CGContextRef:An opaque type that represents a Quartz 2D drawing environment.Graphics Context是图形上下文,可以将其理解为一块画布,我们可以在上面进行绘画操作,绘制完成后,将画布放到我们的view中...
分类:
移动开发 时间:
2015-05-09 16:21:34
阅读次数:
265
前面说Canvas大致可以分为三类:
1. save、restore 等与层的保存和回滚相关的方法;
2. scale、rotate、clipXXX 等对画布进行操作的方法;
3. drawXXX 等一系列绘画相关的方法;
前面主要讲了drawBitmap方法,并举了一个星球浮动的栗子,在那个例子中,星球有大有小,需要移动,有时候可能需求上还需要旋转或错切,有了这些需求,我们就需要使用到与Canvas相关的translate、scale、rotate、skew这几个方法,平移、缩放、旋转、错切,这四个词听起...
分类:
其他好文 时间:
2015-05-07 14:33:20
阅读次数:
209
跨平台运行,硬件要求低、flash之外的选择 HTML是用来描述网页的语言HTML指超文本标记语言(不是编程语言)HTML5的新特性: 用于绘画的canvas标签 用于媒介回放的video和audio元素 ............开发工具:常用WebStorm 、Dreamweaver 、Intel...
分类:
Web程序 时间:
2015-05-07 12:02:19
阅读次数:
154
网页设计的尺寸 网页设计在初始要界定出网页的尺寸大小,就像绘画给出一块画版来,这样才能方便设计。 网页的尺寸受限于两个因素:一个是显示器屏幕.显示器现在种类很多,以17寸为主流, 正在朝19寸及宽屏的方向发展.但目前也有为数不少的15寸显示器。另一个是浏览器软件,就是我们常用的IE,遨游,F...
分类:
Web程序 时间:
2015-05-03 20:36:16
阅读次数:
140
RectF Rect用法
一、Canvas类android.graphics.Canvas
Canvas类好比手机中的画纸,我们可以在Canvas上画图形或者图像。一般我们用android来绘画的时候,需要四个组成部分:
1、位图:包含像素
2、Canvas画板:包含绘画内容,写入位图
3、初始图形:如Rect、Bitmap、text等
4、Paint...
分类:
其他好文 时间:
2015-04-28 09:56:08
阅读次数:
153
如果给Canvas添加 onmousedown事件,获取到的鼠标位置都是相对于当前文档的位置(x,y):第一种转换: (x-x1,y-y1) x,y为鼠标点击位置,getBoundingClientRect方法是canvas自带的获取可绘画区域的位置信息的函数function windowToCan...
分类:
其他好文 时间:
2015-04-27 12:44:51
阅读次数:
109
最近工作过程中需要用到前端一些JS框架,看到一篇博文就转过来备份使用,后续会再完善一些材料。FlotFlot一个纯javascript绘画库,基于jQuery开发。它能够在客户端根据任何数据集快速生成图片。目前只能绘制线状图和柱状。 JQchart基于Canvas+jQuery,可拖放/交互的简单图...
分类:
其他好文 时间:
2015-04-22 20:10:35
阅读次数:
443
Context:
我自己写下Google关于Android性能优化的视频课程的翻译,第一节课,讲述硬件和软件的知识。我连载这翻一下吧
Lesson1:Render(渲染)
1.Android设备通常16ms 更新下Activity,具体取决于手机硬件。这意味着你要在16ms内处理你所有的绘画逻辑。如果你错过了这个16ms,页面不会绘制,这就叫做 dr...
分类:
移动开发 时间:
2015-04-22 09:37:55
阅读次数:
162