座標値に基づいた2D図形の描画と編集
期間
2023年6月 〜 2023年8月
業務内容
・バックエンドから座標値を受け取り、線オブジェクトまたは多角形オブジェクトとして図形を描画し、座標値の状態管理をする。 ・ユーザー操作によって描画した図形の角度、位置、大きさの編集を可能にする。 ・2枚の画像を隣り合わせに並べ、一枚の画像を出力する。隣り合わせに並べる作業はユーザー操作で行う。隣り合わせに並べる際の微調整は煩わしいのでオブジェクト同士が近づくと自動で並ぶようにする。 ・ユーザーが座標値を入力し、それに伴う図形を描画する。尚、いかなる座標値が入力されてもcanvasサイズは固定で、オブジェクトの大きさを自動調整すること。
ツール
React、TypeScript、fabric.js
担当工程
要件定義
基本設計
詳細設計
実装
テスト
運用保守