之前看到過google官方有個截圖後用canvas畫畫的小demo,是將畫出來筆跡生成dom節點,再加以css3變成材質,個人覺得這種方式就是“刪除”“移動”等操作比較簡便(誰叫canvas事件綁定這麽難控制…),但有很大的缺陷,就是dom元素過多層疊,影響頁面效率。
再說canvas遮罩方式,覺得是可以實現不同畫筆繪制的。可以設置不同的layer,比如layer_a是玻璃材質的圖片,layer_b是木材質的圖片。layer_a在layer_b上面,最上面再覆蓋壹層白紙layer_c。用玻璃畫筆畫時,局部清除layer_c痕跡,露出layer_a;用木畫筆時,局部清除layer_c與layer_a,露出layer_b。