rozured https://blog.hatena.ne.jp/rozured/ HAKUTAI Tech Notes https://ojizo-badge-99.hatenablog.com/ Angular Paper.js 概要 完成イメージ 実装 レイヤー分割 座標軸設定パスの描画 座標軸設定用パスの再描画 基準軸の最大値、最小値の設定 座標値の変換 おわりに 概要 最終的にデジタイザとして機能させるためには、自分で設定した任意の座標系で点をプロット（座標を取得）可能にする必要がある。今のままでは単にキャンバスのView基準の座標しか取得できないので、任意の座標系を基準とした値に変換しなければならない。ここでは、プロット機能を実装するための準備として、座標系の設定機能と座標変換処理について述べる。 完成イメージ 座標系の基準範囲を設定するパス（紫色の線）をドラッグで調整する 基準範囲の左端、右端、上端、下端の座… 190 <iframe src="https://hatenablog-parts.com/embed?url=https%3A%2F%2Fojizo-badge-99.hatenablog.com%2Fentry%2F2021%2F05%2F27%2F211431" title="AngularとPaper.jsで簡易なデジタイザを作る3 - HAKUTAI Tech Notes" class="embed-card embed-blogcard" scrolling="no" frameborder="0" style="display: block; width: 100%; height: 190px; max-width: 500px; margin: 10px 0px;"></iframe> https://cdn-ak.f.st-hatena.com/images/fotolife/r/rozured/20210523/20210523220407.png Hatena Blog https://hatena.blog 2021-05-27 21:14:31 rich https://ojizo-badge-99.hatenablog.com/entry/2021/05/27/211431 1.0 100%