400套html,css,js源码，包含各种小项目，小游戏，canvas特效等，可以用于学习html,css,js，canvas绘画基础等

压缩版jCanvas.js HTML5 可以直接在你的网页中使用 元素及其相关的 JavaScript API绘制的图形。

Java中的Canvas绘图源码实例，主要是画线条、弧线、圆角矩形、三角形、文字、圆形等简单的几何图形，主要是通过创建DrawingCanvas对象canvas，为canvas设置命令监听者，实现接口CommandListener的方法，把缓冲区图像的内容绘制到画布上，画图部分代码： 　　int w = getWidth(); // 画布的宽度 　　int h = getHeight(); // 画布的高度 　　Image buffer = Image.createImage(w, h); // 用于绘图的缓冲图像 　　Graphics gc = buffer.getGraphics(); // 获取缓冲图像的图形环境 　　// 清除画布 　　public void clearScreen() { 　　 gc.setColor(255,255,255); // 设置绘图颜色为白色 　　 gc.fillRect(0,0,w,h); // 把缓冲图像填充为白色 　　 gc.setColor(255,0,0); // 设置绘图颜色为红色 　　} 　　// 绘制直线 　　public void drawLine() { 　　 setTitle("直线"); // 设置画布的标题 　　 clearScreen(); // 清除画布 　　 gc.drawLine(10,10,w-20,h-20); // 绘制黑色直线 　　 gc.setColor(0,0,255); // 设置绘图颜色为蓝色 　　 gc.drawLine(10,h/2,w-10,h/2); // 绘制蓝色直线 　　} 　　// 绘制弧 　　public void drawArc() { 　　 setTitle("弧线和填充弧"); 　　 clearScreen(); 　　 gc.drawArc(5,5,w/2-20,h/2-20,60,216); // 绘制弧线 　　 gc.drawArc(5,h/2-10,w/2-20,h/2-20,0,360); // 绘制圆 　　 gc.setColor(0,0,255); 　　 gc.fillArc(w/2,5,w/2-20,h/2-20,60,216); // 绘制填充弧线 　　 gc.fillArc(w/2,h/2-10,w/2-20,h/2-20,0,360); // 绘制填充圆 　　} 　　// 绘制矩形 　　public void drawRect() { 　　 setTitle("矩形和填充矩形"); 　　 clearScreen(); 　　 gc.drawRect(25,25,w/2-30,h/2-30); // 绘制矩形 　　 gc.fillRect(w/2 25,25,w/2-30,h/2-30); // 绘制填充矩形 　　} 　　// 绘制圆角矩形 　　public void drawRoundRect() { 　　 setTitle("圆角矩形和填充圆角矩形"); 　　 clearScreen(); 　　 gc.drawRoundRect(5,5,w-5-30,h/2-30,20,20); // 绘制圆角矩形 　　 gc.setColor(0,0,255); 　　 gc.fillRoundRect(5,h/2,w-30,h/2-30,20,20); // 绘制填充圆角矩形 　　} 　　// 绘制三角形 　　public void drawTriangle() { 　　 setTitle("填充三角形"); 　　 clearScreen(); 　　 gc.fillTriangle(w/2, h/6, w/6, h/2, w/2, h/2); 　　} 　　// 绘制文字 　　public void drawText() { 　　 setTitle("文字"); //设置标题 　　 clearScreen(); 　　 gc.setFont(Font.getFont(Font.FACE_SYSTEM,Font.STYLE_BOLD,Font.SIZE_SMALL)); // 设置字体 　　 gc.drawString("Hello World!",0,0,gc.TOP|gc.LEFT); // 使用当前字体绘制文字 　　 gc.setFont(Font.getFont(Font.FACE_SYSTEM,Font.STYLE_BOLD|Font.STYLE_UNDERLINED,Font.SIZE_LARGE)); 　　 gc.drawString("Hello World!",0,h/3,gc.TOP|gc.LEFT); 　　}

主要介绍了canvas简易绘图的实现（海绵宝宝篇），小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧

运用HTML5 Canvas绘图生成圣诞树特效，虽然圣诞节还没有来，但是看到这款HTML5制作的圣诞树效果，我迫不及待的将它分享给大家，实在是很佩服作者的水平，也很羡慕别人能驾驭HTML5，我只能望而兴叹了，还需要不断努力哦。

《HTML5高级程序设计》教程中 关于讲解Canvas 的案例源代码。包括曲线，直线，阴影，渐变，画字等

主要介绍了一波HTML5 Canvas基础绘图实例代码集合,包括圆形矩形圆角等基本图形的绘制,需要的朋友可以参考下

利用HTML5实现多点触摸，在Canvas上实时绘制两点，方便观察多点效果。（注意：本页面要在iPhone和iPad上运行才能看到效果哦！）代码简单易懂，在iPad上运行效果最佳。相关技术请参考：http://blog.sina.com.cn/s/blog_4cdc44df0100t5fd.html

canvas绘制矩形相关

canvas 绘图 六部曲