Html5
关注
分享
扫一扫
文章平均质量分 77
子循
浙大软件学院硕士在读生阿里巴巴实习生
展开
-
Html5 Canvas开发之鼠标绘图和方块移动
1.鼠标绘图无标题文档body{ background:black;}#c1{ background:white;}span{ color:white;}window.onload = function(){ var oC = document.getElementById('c1'); var oGC = oC.getContext('2d');原创 2012-11-17 01:53:31 · 8448 阅读 · 1 评论 -
Html5 Canvas开发之画圆（时钟，贝塞尔曲线）和旋转缩放
1.时钟window.onload = function(){ var oC = document.getElementById('c1'); var oGC = oC.getContext('2d'); function toDraw(){ var x = 200; var y = 200; var r = 150; oGC.clearRect(0,原创 2012-11-17 03:31:03 · 3946 阅读 · 0 评论 -
Html5 Canvas开发之插入图片、设置背景、渐变、文本、阴影
1.插入图片 等图片加载完，再执行canvas操作 -图片预加载：在onload中调用 drawImage(olmg,x,y,w,h)-olmg:当前图片x,y：坐标w,h：宽高简单例子：无标题文档body{ background:black;}#c1{ background:white;}w原创 2012-11-20 11:37:34 · 41924 阅读 · 0 评论 -
Html5 Canvas开发之清除一个特定区域内的Canvas、宽高技巧、使Canvas填充整个浏览器窗口
1.清除一个特定区域内的Canvascontext.fillRect(40, 40, 100, 100);context.beginPath();context.arc(230, 90, 50, 0, Math.PI*2, false);context.closePath();context.fill();context.clearRect(230, 90, 50, 50);原创 2012-11-20 17:09:21 · 12361 阅读 · 0 评论