七空幻音LOGO

七空幻音

Canvas

预览图头像

幻音い

emmm

Canvas

Canvas学习日志之六-isPointInPath的作用

恩,早在之前写过关于canvas的教程,由于当时被一些东西卡住了,就没继续写了.canvas中有一个用来判断是否在某个点,或者说是在某个范围内的方法。叫做isPointInPath(),它使用canvas获取到2d图形后调用。但是,他在一个图形绘制的...

预览图头像

幻音い

emmm

Canvas

Canvas学习日志之五-绘制多边形及圆上各点的位置

在学会绘制圆后,会发现Canvas并没有直接提供绘制多边形的方法,由于绘制圆是利用数学公式来实现的,所以我们可以利用三角函数来计算并绘制多边形。比如绘制一个五边形,首先算出5变形5个点的位置,然后使用lineTo连接起来,在填充即...

2016-05-28幻音い阅读1248评论()阅读全文
预览图头像

幻音い

emmm

Canvas

Canvas学习日志之四-简易的绘画板

在之前讲了填充的时候,再结合一些js基础知识就能够自己制作一个简易的绘画板了。接下来我将放出一个简易的绘画板的代码,对于绘画板,在windows系统的画图工具中肯定都用过,canvas可以利用onmousemove和onmouse...

2016-05-25幻音い阅读1129评论(1)阅读全文
预览图头像

幻音い

emmm

Canvas

Canvas学习日记之三-路径线段

之前说了绘制的基础后,接下来就是canvas中最有用的路径了。路径在canvas中是很有用的,比如我想绘制一条线,一个多边形,如果再加上之后的贝塞尔曲线来绘制,那将是很不错的。canvas中提供了几个路径的方法。...

预览图头像

幻音い

emmm

Canvas

Canvas学习日记之二-渐变、图案、阴影和圆弧

渐变 Canvas中除了设置颜色之外,还可以对填充和描边使用渐变,canvas支持线性渐变和放射渐变。canvas中使用渐变需要调用createLinearGradient()方法来创建线性渐变,需要传入两个点的x轴...

2016-05-22幻音い阅读1401评论()阅读全文
预览图头像

幻音い

emmm

Canvas

Canvas学习日记之一-绘制矩形

最近快到实习的日子了,想在加强一下技术。所以果断的去学习Canvas了,之后我会把我学习的Canvas都记录下来。Canvas简介 Canvas是HTML5中的新标签,canvas顾名思义,画布标签。开发者可以使用c...

2016-05-19幻音い阅读1054评论()阅读全文
一共6篇