
Canvas
文章平均质量分 75
jwllwj_2018
start:2016.7-2016.12 ~~~记录
展开
-
js+面向对象+html5+canvas相关笔记(一)
1.Canvas是Html5提供的一个展示绘图效果的标签<canvas></canvas>◆使用canvas标签,即可在页面中开辟一个区域,可以设置width和height来设置该区域的尺寸◆默认canvas的宽高为300和150◆不要使用css的方式设置宽高,应该使用html属性◆如果浏览器不支持canvas标签,那么就会将其解释为div标签,因此常常在canvas中嵌入...原创 2018-06-17 12:08:48 · 321 阅读 · 0 评论 -
js+面向对象+html5+canvas相关笔记(三)
1.绘制图片的API,ctx.drawImage()◆绘制图像的第一种方式,三参数版本,把图像绘制到指定的坐标:【img.onload=function(){//在图片加载完毕后,开始画图片,没有设置图片的宽高,所以超出部分会被隐藏ctx.drawImage(img,10,10);},第一个参数是图片元素对象,第二个参数是位于画布的x轴坐标点,第三个参数是位于画布的y轴坐标点】◆绘制图像的第二种方...原创 2018-06-17 12:09:03 · 237 阅读 · 0 评论 -
js+面向对象+html5+canvas相关笔记(四)
1.函数的四种调用模式◆函数调用 == window◆方法调用 == 宿主◆构造器 == 实例对象◆上下文(间接调用) == 自由指定★函数执行时,内部的this指向才会确定,函数执行时this的指向与定义无关,与调用方式有关。2.绘制环境的保存与回滚◆状态可以保存多份◆回滚每次回滚到最近的状态保存◆状态的保存与回滚与路径无关。3.判断点在不在路径中:◆ctx.isPointInPath(要判断的...原创 2018-06-17 12:09:11 · 178 阅读 · 0 评论