今天是沒有需求的一天骤菠,于是我打算了解并實踐一些Canvas相關的東西,并且因為明天就是10.24耳高,uh,our days you know癞蚕。
于是突發(fā)奇想我打算做一個櫻桃小丸子,櫻桃小丸子有什么難的著蛙,不就幾個圓删铃,幾個矩形。
于是從零開始學習了解canvas
首先是這些基礎內(nèi)容踏堡,寫下來基本上知道了線猎唁、文字、漸變顷蟆、圓诫隅、矩形的使用腐魂,這個過程感覺再了解Photoshop的工具
canvas 基礎敲一敲
敲完,開始制作小丸子逐纬。
First蛔屹,頭發(fā),就是一個黑色半圓
’頭發(fā)‘的代碼
頭發(fā)繪制好豁生,需要畫劉海兔毒,我的方法是是用moveTo和lineTo把她的劉海勾勒出來,目前沒想到特別好的招
‘劉旱橄洌’的制作過程
弄完其實是這樣的現(xiàn)狀
‘劉河’的實例
其實畫到這里看著還行吧,接著畫臉芍殖,這一步我本來想用半個橢圓豪嗽,但是連貝塞爾曲線都解決不了這半個橢圓的完美臉龐。我就用了半圓豌骏,代碼不展示了昵骤,效果是這樣
恐怖
眼睛和耳朵部分用來貝塞爾曲線,簡直是不要太方便肯适。牢牢記住quadraticCurveTo()中的三個方向開始变秦、控制、結束框舔,這個函數(shù)就基本能很好的使用了蹦玫,其他的去想象是沿著這三個點畫曲線就好了。
‘耳朵’的代碼
所以我慢慢慢慢慢慢的畫完了刘绣,不樱溉,這不是我認識的小丸子,好丑哦纬凤!But I wish you be happy like her every day,guys!
你開心嗎