先上代码：浏览器不支持HTML5！ - Rectangles 绘制矩形对象 - context.fillRect(x,y,w,h) // 绘制矩形 - context.strokeRect(x,y,w,h) // 绘制边框 - context.clearRect(x,y,w,h) ...
分类：
Web程序 时间：
2015-01-04 15:10:10
阅读次数：
191
HTML5的画布给我们提供了绘制元素阴影的功能，主要的属性包括如下几个：shadowColor、shadowBlur、shadowOffsetX、shadowOffsetY。其中shadowColor定义阴影颜色样式，shadowBlur定义阴影模糊系数，shadowOffsetX定义阴影X轴偏移量，shadowOffsetY定义阴影Y轴偏移量。...
分类：
Web程序 时间：
2015-01-04 10:03:17
阅读次数：
177
New UI-设置View的可见与不可见
——转载请注明出处:coder-pig,欢迎转载,请勿用于商业用途!
本节引言:
控制View的可见于不可见,通常可以理解为隐藏吧,这也是我们在写画布局时用的比较多一个属性,
比如隐藏一个按钮,在特定情况让他显示出来，又或者点击一个按钮然后显示隐藏的ImageView或者
ListView等等,这个属性还是比较常用的,有必要了解下！当你需要一个View时,又不想让他显示到
界面上的时候可以考虑使用Visibility这个属性！...
分类：
其他好文 时间：
2014-12-31 21:31:00
阅读次数：
155
画图工具的使用技巧
Created by 潇青竹 on 2014-12-31
1、粘贴图片后，如何调整画布大小等于图片大小？
按Print Screen键（整个屏幕）/按“Alt+Print Screen”键（当前活动窗口中画面）；
按“Ctrl+V”键复制图片；
调整画布到小于图片，然后按“Ctrl+V”键，使得画布大小等于图片大小。...
分类：
其他好文 时间：
2014-12-31 14:32:37
阅读次数：
158
像360卫士的波浪球进度的效果，一般最常用的方法就是 画线的方式，先绘sin线或贝塞尔曲线，然后从左到右绘制竖线，然后再裁剪圆区域。今天我这用图片bitmap的方式,大概的方法原理是：（1）首先用clipPath裁剪园区域，（2）然后用4张图来不断绘制到画布上，再用偏移量来控制移动的速度，从而形成波...
分类：
移动开发 时间：
2014-12-25 18:16:44
阅读次数：
200
第一展示设置画笔颜色的功能，第二展示设置画笔大小的颜色，而第三则展示橡皮擦的功能，这节将图标颜色设置为了蓝色，并且，增加了最左边的按钮（其实，就是在gridview中多增加了一个item）。下面分别讨论，橡皮擦，设置画笔大小，设置画笔颜色的主要思想：1. 橡皮擦功能：基本原理：橡皮擦就是用和画布颜色...
分类：
移动开发 时间：
2014-12-24 19:56:28
阅读次数：
245
其实这里已经说的很明白，通俗点说就是在canvas中定义width、height跟在style中定义width和height是不同的，canvas标签的width和height是画布实际宽度和高度，绘制的图形都是在这个上面。而style的width和height是canvas在浏览器中被渲染的高度和...
分类：
其他好文 时间：
2014-12-22 12:50:21
阅读次数：
173
之前的一个微信项目已经要结项了，最近整理一下项目中使用较多的canvas画图方面的知识吧，打算写个3,4篇的样子。本篇主要介绍基础操作和弧线画法。之后再写一下趋势图，直方图，文本图像处理的。言归正传，canvas元素本身是一个容器元素，提供一块画布，用脚本来实现想要画什么。为了演示使用，我们新增一....
分类：
Web程序 时间：
2014-12-22 02:04:11
阅读次数：
397
原文 使用HTML5实现刮刮卡效果你玩过刮刮卡么？一不小心可以中奖的那种。今天我给大家分享一个基于HTML5技术实现的刮刮卡效果，在PC上只需按住鼠标，在手机上你只需按住指头，轻轻刮去图层就可以模拟真实的刮奖效果。查看演示 下载源码我们利用HTML5的画布Canvas，结合其提供的API，在Canv...
分类：
Web程序 时间：
2014-12-20 10:22:44
阅读次数：
149
public void clear() { Paint paint = new Paint(); paint.setXfermode(new PorterDuffXfermode(Mode.CLEAR)); canvas.drawPaint(paint...
分类：
移动开发 时间：
2014-12-19 18:41:09
阅读次数：
235
