51

キャンバスに描画/ペイントするためのディレクティブは既にありますか? したがって、Paint のようなものや、Photoshop などのより大きなものを実装することもできますが、非常に基本的な例で十分です。

検索しても見つからなかったので、ベスト プラクティスと見なされているものが既にある場合は、それを使用したいと思います。それ以外の場合は、自分で実装する必要があります。

4

4 に答える 4

5

少し前に、そのための構成可能なディレクティブを作成しました。

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/

于 2015-04-06T07:19:28.680 に答える