キャンバスに描画/ペイントするためのディレクティブは既にありますか? したがって、Paint のようなものや、Photoshop などのより大きなものを実装することもできますが、非常に基本的な例で十分です。
検索しても見つからなかったので、ベスト プラクティスと見なされているものが既にある場合は、それを使用したいと思います。それ以外の場合は、自分で実装する必要があります。
少し前に、そのための構成可能なディレクティブを作成しました。
https://github.com/pwambach/angular-canvas-painter
ディレクティブは canvas 要素を作成し、要素に mousedown/mousemove/mouseup イベント (および対応するタッチ イベント) のハンドラーを追加します。Mousedown およびそれに続く mousemove イベントは
canvasContext.quadraticCurveTo()
、より滑らかなストロークのメソッドを使用してベジェ曲線を描画します (すべてのポイントに円を描くだけではありません)。描画アルゴリズムの詳細については、次の記事をご覧ください: http://codetheory.in/html5-canvas-drawing-lines-with-smooth-edges/