Canvas入門筆記 實現極簡畫筆

2022-01-13 01:23:11 字數 837 閱讀 7483

今天學習了html5 canvas入門,已經有大神寫得很詳細了

在學習過後自己寫了乙個簡單的擴充套件

實現畫板畫筆功能,效果如下:

//滑鼠按下,開始書寫

18 $(canvas).mousedown(function

() );

23//

滑鼠抬起,結束書寫

24 $(canvas).mouseup(function

() );

29 });

view code

canvas入門筆記

canvas的每條線都有一條無限細的 中線 線條的寬度是從中線向兩側延伸的。也就是說,我繪製1px,他會從上述的 中線 向左右 或上下 各衍生出0.5px。此時又有個問題,因為計算機不允許出現小於1px的圖形,所以他做了個折中的問題,把兩邊都繪製了。所以,如此一來,本來1px的線條,看起來2px寬的...

Effective C 讀書筆記 實現

大多數情況下,適當提出你的classes 和class templates 定義以及functions 和function templates 宣告,是花費最多心力的地方。一旦正確完成它們,相應的實現大多直截了當。儘管如此,還是有些東西需要小心。太快定義變數可能造成效率上的拖延 過度使用轉型 cas...

Rails 極簡入門筆記

這裡比較推薦實戰聖經,和ruby china的rails指南 學一門mvc框架,就需要看三個,模型 model 檢視 view 控制器 controller 是怎麼寫的?這裡我也從以上三個角度來極簡介紹下rails。使用rails generate controller welcome指令碼生成乙個...