-
context.rect(x, y, width, height); //自动绘制矩形,规划路径 context.fillRect(x, y, width, height); //绘制填充矩形 不但规划路径,还把矩形给画出来 context.strokeRect(x, y, width, height); //绘制带【边框的】矩形 不但规划路径,还把矩形给画出来查看全部
-
课程源码:https://github.com/xiaomiemie/canvas/tree/master/%E7%BB%98%E5%9B%BE查看全部
-
canvas图形库查看全部
-
explorecanvas https://code.google.com/p/explorercanvas/ https://github.com/arv/explorercanvas查看全部
-
获取鼠标位置的标准方法 getBoundingClientRect获取元素位置。用于获得页面中某个元素的左,上,右和下分别相对浏览器视窗的位置。getBoundingClientRect是DOM元素到浏览器可视范围的距离(不包含文档卷起的部分)。该函数返回一个Object对象,该对象有6个属性:top,lef,right,bottom,width,height;这里的top、left和css中的理解很相似,width、height是元素自身的宽高,但是right,bottom和css中的理解有点不一样。right是指元素右边界距窗口最左边的距离,bottom是指元素下边界距窗口最上面的距离。查看全部
-
moveTo()是把笔尖移动到指定位置,lineTo()是路径沿着指定位置描绘,stroke是绘制路径的意思,fill是填充路径的意思。查看全部
-
ctx.save() ctx.restor()查看全部
-
图形变换查看全部
-
Math.random 返回一个0—1之间的随机数查看全部
-
线条的属性查看全部
-
线条的属性查看全部
-
线条上的属性查看全部
-
miterLimit查看全部
-
ctx.lineJoin = {miter(默认值) ,bevel(类似折叠) ,round(圆)} ctx.miterLimit = 10(默认值);查看全部
-
linecap = "butt,round,square",标准型,圆形,方形。查看全部
举报
0/150
提交
取消