今天是没有需求的一天,于是我打算了解并实践一些Canvas相关的东西,并且因为明天就是10.24,uh,our days you know。
于是突发奇想我打算做一个樱桃小丸子,樱桃小丸子有什么难的,不就几个圆,几个矩形。
于是从零开始学习了解canvas
首先是这些基础内容,写下来基本上知道了线、文字、渐变、圆、矩形的使用,这个过程感觉再了解Photoshop的工具
![](https://img.haomeiwen.com/i14482750/d29d6a6e5473a988.png)
敲完,开始制作小丸子。
First,头发,就是一个黑色半圆
![](https://img.haomeiwen.com/i14482750/3ab6de96c2a54d62.png)
头发绘制好,需要画刘海,我的方法是是用moveTo和lineTo把她的刘海勾勒出来,目前没想到特别好的招
![](https://img.haomeiwen.com/i14482750/264063ab94fe5b80.png)
弄完其实是这样的现状
![](https://img.haomeiwen.com/i14482750/58d1d391fef6f256.png)
其实画到这里看着还行吧,接着画脸,这一步我本来想用半个椭圆,但是连贝塞尔曲线都解决不了这半个椭圆的完美脸庞。我就用了半圆,代码不展示了,效果是这样
![](https://img.haomeiwen.com/i14482750/96596e03ef35444a.png)
眼睛和耳朵部分用来贝塞尔曲线,简直是不要太方便。牢牢记住quadraticCurveTo()中的三个方向开始、控制、结束,这个函数就基本能很好的使用了,其他的去想象是沿着这三个点画曲线就好了。
![](https://img.haomeiwen.com/i14482750/3adabd77576f43b8.png)
所以我慢慢慢慢慢慢的画完了,不,这不是我认识的小丸子,好丑哦!But I wish you be happy like her every day,guys!
![](https://img.haomeiwen.com/i14482750/472c610e9e5d6695.png)
网友评论