作为下一代的 Web 标准,HTML5 拥有许多引人注目的新特性,如 Canvas、本地存储、多媒体编程接口、WebSocket 等等。这其中有“Web 的 TCP ”之称的 WebSocket 格外吸引开发人员的注意。WebSocket 的出现使得浏览器...
分类:
Web程序 时间:
2014-08-27 23:36:58
阅读次数:
656
最近有一个项目设计一个APP实现通过触摸屏实现毛笔写字效果。传统的绘画板程序直接通过Path的moveTo和LineTo便可实现简单的线条绘画程序。然而要达到毛笔的笔锋效果则需要更为详细点的设计。我的实现思路是通过以触摸事件DOWN、MOVE、UP中的每一个点为圆心画圆,除此之外还可通过触摸压力的大小改变所绘圆的半径,这样一连串的圆便可粗略地模拟毛笔笔锋效果,在设计次效果时遇到两个问题:
1:a...
分类:
移动开发 时间:
2014-08-27 23:31:08
阅读次数:
415
1.[图片]QQ截图20120715095110.png??2. [代码][HTML]代码 HTML5 canvas - 自定义笔刷 颜色预览: ...
分类:
Web程序 时间:
2014-08-27 18:30:08
阅读次数:
378
HTML5 Canvas 将使用像素在屏幕上绘制图形图像。 本节演示了五种用于操作像素以创建摄影特效的 Canvas 技术。 您可使用这些技术来生成独具特色的图像,为您的网站、博客、视频游戏画面、广告和插图等提供信息或艺术趣味。本教程包含五个独立的带有注释的代码示例,为您演示了这些技术如何改善一张有...
分类:
Web程序 时间:
2014-08-27 18:20:18
阅读次数:
238
在Android中,目前,我知道有两种出现锯齿的情况。① 当我们用Canvas绘制位图的时候,如果对位图进行了选择,则位图会出现锯齿。② 在用View的RotateAnimation做动画时候,如果View当中包含有大量的图形,也会出现锯齿。我们分别以这两种情况加以考虑。◆ 用Canvas绘制位的的...
分类:
移动开发 时间:
2014-08-27 16:08:47
阅读次数:
294
* {
margin: 0px;
}
canvas {
display: block;
}
var position =
{
_x : null,
_y : null,...
分类:
其他好文 时间:
2014-08-27 02:44:17
阅读次数:
267
procedure DrawBorder(Handle: THandle; ADC: HDC);var R: TRect; Canvas: TCanvas; P: TPoint;begin Canvas := TCanvas.Create; Canvas.Handle := ADC; P...
分类:
其他好文 时间:
2014-08-26 17:16:36
阅读次数:
190
目录概述绘图方法图像处理方法drawImage方法getImageData方法,putImageData方法toDataURL方法save方法,restore方法动画像素处理灰度效果复古效果红色蒙版效果亮度效果反转效果参考链接概述Canvas API(画布)用于在网页实时生成图像,并且可以操作图像内...
分类:
其他好文 时间:
2014-08-26 13:17:46
阅读次数:
262
最近在开发项目的首次使用引导界面时,遇到了问题,引导界面类似于安卓手机ViewPager那样的效果,希望通过左右滑动手指来实现切换不同页面,其间伴随动画。实现思路:1、界面布局:新建一个UserControl,最外层为Grid,两行一列,内嵌一个Canvas和StackPanel。Canvas中放一...
分类:
移动开发 时间:
2014-08-26 13:10:06
阅读次数:
436
这是一款基于Canvas的HTML5图表应用,在图表数据初始化的时候伴随动画效果。
在线演示:
点击演示
源码下载:
点击下载
核心jQuery代码:
var myData = {
labels : ["Mo","Di","Mi","Do","Fr","Sa","So"],
datasets...
分类:
Web程序 时间:
2014-08-26 11:44:15
阅读次数:
221