Canvas
Canvas
Canvas学习日志之六-isPointInPath的作用
恩,早在之前写过关于canvas的教程,由于当时被一些东西卡住了,就没继续写了.canvas中有一个用来判断是否在某个点,或者说是在某个范围内的方法。叫做isPointInPath(),它使用canvas获取到2d图形后调用。但是,他在一个图形绘制的...
Canvas
Canvas学习日志之五-绘制多边形及圆上各点的位置
在学会绘制圆后,会发现Canvas并没有直接提供绘制多边形的方法,由于绘制圆是利用数学公式来实现的,所以我们可以利用三角函数来计算并绘制多边形。 比如绘制一个五边形,首先算出5变形5个点的位置,然后使用lineTo连接起来,在填充即...
Canvas
Canvas学习日志之四-简易的绘画板
在之前讲了填充的时候,再结合一些js基础知识就能够自己制作一个简易的绘画板了。 接下来我将放出一个简易的绘画板的代码，对于绘画板,在windows系统的画图工具中肯定都用过，canvas可以利用onmousemove和onmouse...
Canvas
Canvas学习日记之三-路径线段
之前说了绘制的基础后,接下来就是canvas中最有用的路径了。 路径在canvas中是很有用的，比如我想绘制一条线,一个多边形,如果再加上之后的贝塞尔曲线来绘制，那将是很不错的。 canvas中提供了几个路径的方法。 ...
Canvas
Canvas学习日记之二-渐变、图案、阴影和圆弧
渐变 Canvas中除了设置颜色之外,还可以对填充和描边使用渐变,canvas支持线性渐变和放射渐变。 canvas中使用渐变需要调用createLinearGradient()方法来创建线性渐变,需要传入两个点的x轴...
Canvas
Canvas学习日记之一-绘制矩形
最近快到实习的日子了,想在加强一下技术。所以果断的去学习Canvas了，之后我会把我学习的Canvas都记录下来。 Canvas简介 Canvas是HTML5中的新标签,canvas顾名思义,画布标签。开发者可以使用c...
一共6篇
