第五课 HTML5新增标签
html5新增标签1.头部区域标签<header>我是头部区域</header>2.导航区域标签(nav导航菜单标签)<nav>我是导航区域</nav>3.页脚区域标签&l...
第四课 HTML5 开发工具准备
常用的HTML5开发工具:notepad++、editplus、webstorm、sublimetext2或3、hbuilder以HBuilder为例:HBuilder是DCloud(数字天堂)推出的一款支持HTML...
canvas画布--设置文字
设置文字ctx.font="50px宋体";在画布上写一段50像素的文本,使用的字体是"宋体"。ctx.fillText("愿有人...",60,3...
canvas画布--绘制等腰三角形
moveTo由move + to两个单词构成,是将某一个"东西"移到指定位置。把画笔移动到画纸的适当位置。然后从这个起笔点,开始进行随心所欲的绘制图形。moveTo()方法将子路...
canvas画布--绘制圆形
绘制圆形,利用context的方法,进行圆和弧的绘制。context.arc(x,y,radius,startingAngle,endingAngle,anticlockwise);x,y:表示圆心坐标。radius:圆...
canvas画布--画布宽高设定
<canvas>中有默认宽高300px*150px。如果在<canvas>标签中没有设定宽高,那么浏览器就会取默认值并进行拉伸。实际上我们在css中定义的宽高并没有生效,所以会出现变形的情况。&...
canvas画布--绘制螺旋图形
<canvas>元素用于图形的绘制,通过脚本(通常是JavaScript)来完成。<canvas>标签只是图形容器,必须使用脚本来绘制图形。html标签<canvas id=...