摘要：
var can = $$('can');var cans = can.getContext('2d');window.location=cans.canvas.toDataURL('image/png'); 阅读全文
摘要：
PPT的背景有的很好看，其实有的是用图片，有的是用渐变做的，今天我试着做了一个渐变式的PPT背景图（特殊用途），使用的是Canvas的径向渐变矩形，其实没什么特殊的，直接上代码吧View Code <!DOCTYPE html><html><head><meta charset="utf-8"><title>Canvas</title><meta name="keywords" content="Canvas"><meta name=" 阅读全文
摘要：
Canvas还有一个好的功能就是将文字书写出来，看实例<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>Canvas</title> </head> <style type="text/css"> body{margin:20px auto; padding:0; width:800px; } canvas{border:dashed 2px #CCC} </style> < 阅读全文
摘要：
<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>Canvas</title> </head> <style type="text/css"> body{margin:20px auto; padding:0; width:800px; } canvas{border:dashed 2px #CCC} </style> <script type="text/java 阅读全文
摘要：
Canvas是一个功能相当强大的画布，任由你去书写，当然，他也支持了图像处理的功能。drawImage（image，Dx，Dy）；//用于显示，有时会超出drawImage（image，Dx，Dy，Dw，Dh）；//用于缩放drawImage（image，Sx，Sy，Sw，Sh，Dx，Dy，Dw，Sh）；//用于剪裁、缩放、显示注：image是一个图像对象； Dx是画布中的x坐标，Dy是画布中的y坐标，Dw是图像在画布中的宽度，Dy是图像在画布中的高度，Sx，Sy，Sw，Sh分别是原图像中的x、y、width、height（本人较懒，略写一下）。下面是一个给出的剪裁的方法源代码：<!DO 阅读全文
摘要：
有些人使用CSS做阴影效果，但是在HTML5中，canvas工具提供了一个相当不错的阴影效果方法，这可以使我们能够实现一个相当不错的阴影效果。<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>Canvas</title> </head> <style type="text/css"> body{margin:20px auto; padding:0; width:800px; } canvas 阅读全文
摘要：
昨天写的博客中，写到了HTML5中使用Canvas画圆的方法，昨晚试了一下画一个笑脸，其实挺简单的，就是两个实心圆做眼睛，一个半圆弧做嘴，这个简单的笑脸就完成了，但是在做嘴的时候开始出现了问题：<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>Canvas</title> </head> <style type="text/css"> body{margin:20px auto; paddin 阅读全文