在html5页面中添加canvas,html5的canvas方法使用_第1页
免费预览已结束,剩余1页可下载查看

下载本文档

版权说明:本文档由用户提供并上传,收益归属内容提供方,若内容存在侵权,请进行举报或认领

文档简介

1、在html5页面中添加canvas,html5的canvas方法使用html5的canvas办法用法html5 canvas的ispointinpath是一个十分重要的函数,其作用是推断某一点是否是在某个路径内。其语法如下:html5的canvas办法用法指南,canvas的办法save()保存当前环境的状态restore() 返回之前保存过的路径状态和属性createevent()getcontext()返回一个对象,指出使问绘图功能须要的apitodataupl() 返回canvas图像的url线条样式的属性和办法属性:linecap设置或返回线条的结束端点样式linejoin设置或返回两

2、条线相交时,所创建的拐角类型linewidth设置或返回当前线条的宽度。miterlimit设置或返回最大斜接长度色彩,样式和阴影属性和办法属性fillstyle设置或返回用于填充绘画的色彩,渐变或模式strokestyle设置或返回用于笔触的色彩,渐变或模式shadowcolor设置或返回用于阴影的色彩shadowblur设置或返回用于阴影的含糊级别shadowoffsetx设置或返回阴影距外形的水平距离shadowoffsety设置或返回阴影距外形的垂直距离办法createlineargradient()创建线性渐变(用在画布内容上)createpattern()在指定的方向上重复指定的元

3、素createradialgradient()创建发射状/环形的渐变(用在画布内容上)addcolorstop()规定渐变对象中的色彩或停止位置路径办法fill()填充当前绘图(路径)stroke()绘制已定义的路径beginpath()起始一条路径,或重置当前路径moveto()把路径移动到画布中的指定点,不创建线条closepath()创建从当前点回到起始点的路径lineto()添加一个新点,创建从该点到最后指定点的线条clip()从原始画布剪切随意外形和尺寸的区域quadraticcurveto()创建其次次贝塞尔曲线beziercureto()创建上次方贝塞尔曲线arc()创建弧/曲线

4、(用于创建圆形或部分圆)arcto()创建两切线之间的弧/曲线ispointinpath()假如指定的点位于当前路径中,返回布尔值矩形rect()创建矩形fillrect()绘制被填充的&39;矩形strokerect()绘制矩形(无填充)clearrect()在给定的矩形内清除指定的像素设置文本属性和办法属性:font 设置或返回文本内容的当前字体属性textalign设置或返回文本内容的当前对齐方式textbaseline 设置会返回在绘制文本时用法的当前文本基线。办法:filltext()在画布上绘制被填充的文本stroketext()在画布上绘制文本(无填充)measuretext()返回包含指定文本宽度的对象转换办法scale() 缩放当前绘图至更大或更小rotate() 旋转当前绘图translate()重新映射花布衫的(0,0)位置transform

温馨提示

  • 1. 本站所有资源如无特殊说明,都需要本地电脑安装OFFICE2007和PDF阅读器。图纸软件为CAD,CAXA,PROE,UG,SolidWorks等.压缩文件请下载最新的WinRAR软件解压。
  • 2. 本站的文档不包含任何第三方提供的附件图纸等,如果需要附件,请联系上传者。文件的所有权益归上传用户所有。
  • 3. 本站RAR压缩包中若带图纸,网页内容里面会有图纸预览,若没有图纸预览就没有图纸。
  • 4. 未经权益所有人同意不得将文件中的内容挪作商业或盈利用途。
  • 5. 人人文库网仅提供信息存储空间,仅对用户上传内容的表现方式做保护处理,对用户上传分享的文档内容本身不做任何修改或编辑,并不能对任何下载内容负责。
  • 6. 下载文件中如有侵权或不适当内容,请与我们联系,我们立即纠正。
  • 7. 本站不保证下载资源的准确性、安全性和完整性, 同时也不承担用户因使用这些下载资源对自己和他人造成任何形式的伤害或损失。

评论

0/150

提交评论