kaminashi-developer https://blog.hatena.ne.jp/kaminashi-developer/ カミナシ エンジニアブログ https://kaminashi-developer.hatenablog.jp/ カミナシの浦岡です。弊社が開発している「カミナシ」には、 以下のような用途を想定して、手書きメモ機能を組み込んでいます。 カメラで撮影した写真の上に矢印マークやメモを追加したい キーボード入力に不慣れなユーザーでも素早く簡単にメモを録りたい 手書きで入力できる署名欄 ちょっとした機能ですが、弊社アプリのように現場作業で使われるケースにおいて何かと重宝されている機能です。 今回、react-native-svgを使った実装について紹介します。 手書き線の表現 手書きされた一筆、一筆をsvgのpathタグを使用して表現することにします。 pathタグはd属性に指定された座標群の情報を基に線を描画し… 190 <iframe src="https://hatenablog-parts.com/embed?url=https%3A%2F%2Fkaminashi-developer.hatenablog.jp%2Fentry%2F2021%2F04%2F28%2F103050" title="react-native-svgで手書きアプリを作ろう - カミナシ エンジニアブログ" 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/k/kaminashi-developer/20210428/20210428102834.png Hatena Blog https://hatena.blog 2021-04-28 10:30:50 rich https://kaminashi-developer.hatenablog.jp/entry/2021/04/28/103050 1.0 100%