HTML5
文章平均质量分 75
Daisy-lv
这个作者很懒,什么都没留下…
展开
-
HTML新增的常用元素
1.新增的常用语义性元素 make:突出显示文本 progress:显示进程 time:表示时间日期值 details:定义用户可见或者需要隐藏的补充细节说明 datalist:定义选项列表 2.新增的input输入类型 email:输入email地址的字段 url:输入URL的字段 number:输入数字的字段 range:用于精确值不重要的输入数字...原创 2018-11-22 13:19:41 · 785 阅读 · 0 评论 -
HTML5Canvas绘图(上)
1.Canvas绘制步骤在html5页面中添加canvas元素,定义id属性值以便后面调用 <canvas id="myCanvas" width="500" height="200"></canvas>使用id寻找页面中的canvas元素 var c=document.getElementById("myCanvas");原创 2018-11-26 15:35:11 · 10549 阅读 · 0 评论 -
canvas绘图(下)
1.线条连接样式 主要有三种连接样式,分别为miter、round、bevel,设定连接样式用属性lineJoin属性设定,缺省情况下默认miter样式<html><head> <script type="text/javascript"> window.onload=function(){ var canvas=document...原创 2018-11-26 18:02:22 · 774 阅读 · 0 评论 -
HTML5之绘制图像和文本
1.绘制图像的方法context.drawImage(imageObj,x,y); 此方法需要一个图像对象和一个起始点作为参数,其中起始点坐标是相对于canvas的左上角的位置context.drawImage(imageObj,x,y,width,height);width,height是用来指定显示图像的尺寸 context.drawImage...转载 2018-11-26 21:32:26 · 568 阅读 · 0 评论 -
图形的变换、组合和切割
1.图形的变换 移动坐标空间:使用translate()方法可以将绘图原点横向和纵向的移动到指定距离(x,y),结果表现为整张图像的移动。 旋转坐标空间:使用rotate()方法,此方法接受一个以弧度为单位的旋转参数,整个canvas将以坐标原点(由translate()所确定 的原点)为圆心进行旋转 缩放图形:使用scale()方法进行操作,参数x,y分别代表横向与纵向的缩放比例,两个...转载 2018-11-26 22:41:48 · 665 阅读 · 0 评论