
前端开发
文章平均质量分 67
北风剑客
这个作者很懒,什么都没留下…
展开
-
HTML5(三)html5<canvas路径和三角函数的故事>(上)
canvas canvas{ background:#ccc; } window.onload=function(){ var canvas = document.getElementById("canvas"); var cobj = canvas.getContext("2d"); /*属性*/ cobj.lineWi原创 2016-01-17 20:54:52 · 843 阅读 · 0 评论 -
HTML5(四)html5<canvas路径和三角函数的故事>(中)
canvas canvas{ background:#ccc; } window.onload=function(){ var canvas = document.getElementById("canvas"); var cobj = canvas.getContext("2d"); cobj.rect(100,100,100,原创 2016-01-18 22:27:15 · 732 阅读 · 0 评论 -
HTML5(五)html5<canvas路径和三角函数的故事>(下)
利用canvas的路径实现直线跟着鼠标的方向转动和点击圆,圆变大变小的功能。 canvas canvas{ background:#ccc; } window.onload=function(){ var canvas = document.getElementById("canvas"); var cobj = canva原创 2016-01-20 20:10:11 · 907 阅读 · 0 评论 -
HTML5(六)html5<canvas带音效的时钟>
html5的canvas实现带音效的时钟 canvas canvas{ background:#eee; } window.onload=function(){ var canvas = document.getElementById("canvas"); var cobj = canvas.getContext("2d原创 2016-01-26 18:32:36 · 1633 阅读 · 0 评论 -
HTML5(一)HTML5表单类型与属性
根据后盾网HTML5视频学习整理原创 2015-12-26 21:20:24 · 700 阅读 · 0 评论 -
HTML5(八)canvas转换之万花筒
canvas转换之万花筒 canvas{ background:#ccc; } window.onload=function(){ var canvas = document.getElementById("canvas"); var cobj = canvas.getContext("2d"); var arr=[];原创 2016-02-02 22:49:44 · 922 阅读 · 0 评论 -
HTML5(九)canvas操作文字实例之转盘
效果图: 源码: canvas操作文字实例之转盘 canvas{ background:#ccc; } window.onload=function(){ var canvas = document.getElementById("canvas"); var cobj = canvas.getContext原创 2016-02-05 16:17:12 · 2514 阅读 · 0 评论 -
HTML5(七)canvas矩阵转换
canvas canvas{ background:#eee; } window.onload=function(){ var canvas = document.getElementById("canvas"); var cobj = canvas.getContext("2d"); /* cobj.strokeRect原创 2016-01-31 18:36:47 · 866 阅读 · 0 评论 -
HTML5(二) canvas基础
canvas canvas{ background:#ccc; } window.onload=function(){ var canvas = document.getElementById("canvas"); var cobj = canvas.getContext("2d"); //var colorObj = cobj.原创 2016-01-14 20:19:49 · 535 阅读 · 0 评论