一、html5新特性--canvas绘图-文本(重点)#常用方法与属性 -ctx.strokeText(str,x,y); 绘制描边文字(空心) str:绘制文本 x,y:字符串左上角位置(以文本基线为准) -ctx.fillText(str,x,y); 绘制填充文字(实心) -ctx.font="19px SimHei"; 前面文本大小/字体 -ctx.textBaseline = "top"; 调整文本基线[top/alphabetic/bottom] 二、HTML5新特性--canvas绘图-路径 (重点)路径:绘制不规则图形 (复杂) path:由多个坐标...
下面例子为用canvas标签画多条直线 代码如下: index_three 您的浏览器不支持canvas标签。 //获取Canvas对象(画布) var canvas = document.getElementById("myCanvas"); //简单地检测当前浏览器是否支持Canvas对象，以免在一些不支持html5的浏览器中提示语法错误 if(canvas.getContext){ //获取对应的CanvasRenderingContext2D对象(画笔) var ctx = canvas.getContext("2d"); //线条的颜色 ctx.strokeStyle="#FF9933"; ...
1.HTML5的内容类型 内容类型描述内嵌向文档中添加其他类型的内容，例如audio、video、canvas和iframe等流在文档和应用的body中使用的元素，例如form、h1和small标题段落标题，例如h1、h2和hgroup等交互与用户交互的内容，例如音频和视频的控件、botton和textarea等元数据通常出现在页面的head中，设置页面其他部分的表现和行为，例如script、style和title等。短语文本和文本标记元素，例如mark、kdb、sub和sup等片段用友定义页面片...
1.图像绘制在canvas中渲染图片，使用“drawImage()”方法。drawImage()方法有三种形态：基础引入、图片缩放、切片。⑴ 基础引入语法：ctx.drawImage(img,x,y);说明：参数img是一个image或canvas对象，（x,y）是图像左上角的坐标。⑵ 图片缩放语法：ctx.drawImage(img,x,y,width,height);说明：在形态⑴的基础上增加了“width”和“height”两个参数，用于设置图像缩放后的宽度和高度。⑶ 切片语法：ctx.drawImage(img,sx,sy,sWidth...