純CSS&Canvas畫哆啦A夢

前段時間看到有人用純CSS畫大白，當時覺得很神奇。最近有空了解了一下，其實就是簡單的div加上border-radius，transform，把div變成所需的各種形狀再定位拼接，其實沒有什麼高深的技術。但是還是試著做了個小demo，大家都畫大白，我就畫個別的，最後選了哆啦A夢。

最後的結論是，這種方式可以畫一些簡單的圖，但是基本上沒什麼意義，也就是閒的蛋疼作為練習，熟悉一下定位和css屬性。

剛好前段時間學了Canvas，正愁沒地方練習。於是兩種方法各畫了一隻哆啦A夢，也好有個比較。Canvas的畫圖是使用JavaScript，如果是畫多個圖形，可以將複用的部分寫成函式來呼叫，但是哆啦A夢中只有圓形複用的比較多，而Canvas也已經有了自帶的方法。所以這裡是直接一筆一劃寫出來的。我覺得應該有更好的方法，但是目前還沒有想到該怎麼優化。

總的來說還是蠻有趣的，我畫畫很難看，但是這樣畫的來的哆啦A夢還是蠻可愛的。已經把他倆放在網上了，可以點選純CSS3&Canvas畫哆啦A夢這裡來看效果。