2018-10-23 canvas 和樱桃小丸子

今天是没有需求的一天,于是我打算了解并实践一些Canvas相关的东西,并且因为明天就是10.24,uh,our days you know。

于是突发奇想我打算做一个樱桃小丸子,樱桃小丸子有什么难的,不就几个圆,几个矩形。

于是从零开始学习了解canvas

首先是这些基础内容,写下来基本上知道了线、文字、渐变、圆、矩形的使用,这个过程感觉再了解Photoshop的工具

canvas 基础敲一敲

敲完,开始制作小丸子。

First,头发,就是一个黑色半圆

’头发‘的代码

头发绘制好,需要画刘海,我的方法是是用moveTo和lineTo把她的刘海勾勒出来,目前没想到特别好的招

‘刘海’的制作过程

弄完其实是这样的现状

‘刘海’的实例

其实画到这里看着还行吧,接着画脸,这一步我本来想用半个椭圆,但是连贝塞尔曲线都解决不了这半个椭圆的完美脸庞。我就用了半圆,代码不展示了,效果是这样

恐怖

眼睛和耳朵部分用来贝塞尔曲线,简直是不要太方便。牢牢记住quadraticCurveTo()中的三个方向开始、控制、结束,这个函数就基本能很好的使用了,其他的去想象是沿着这三个点画曲线就好了。

‘耳朵’的代码

所以我慢慢慢慢慢慢的画完了,不,这不是我认识的小丸子,好丑哦!But I wish you be happy like her every day,guys!

你开心吗

你可能感兴趣的:(2018-10-23 canvas 和樱桃小丸子)