當前位置:編程學習大全網 - 編程軟體 - 有誰有使用HTML5Canvas實現蠟筆或者粉筆效果畫筆的經驗?

有誰有使用HTML5Canvas實現蠟筆或者粉筆效果畫筆的經驗?

canvas實現材質畫筆,的確就是用遮罩來做比較合適了。

之前看到過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。

  • 上一篇:Cot語言編程
  • 下一篇:px是什麽
  • copyright 2024編程學習大全網