No. 003 / WEB TOOL
Bezier
Curve Codec
曲線を、復元できるデータに。
3次ベジェ曲線を数値データやコードとして保存・復元するツール。
ツールを使う工作室デザインのツールを開きます。
曲線と、制御点と。
曲線の模式図
実際の操作画面ではありません01 / HOW IT WORKS
曲線を、復元できる形で。
- 01
曲線を編集
Canvas上の点を操作して、3次ベジェ曲線を編集します。
- 02
データを取り出す
編集内容をJSONやSVGなどの形式で確認し、コピーできます。
- 03
保存して、復元
ローカル保存や、JSON・短縮コードの読み込みで曲線を復元できます。
02 / OUTPUT FORMATS
用途に合わせて、
取り出す。
- JSON
- 数値データの保存・再読み込み
- Short code
- 短縮コードのコピー・読み込み
- SVG path
- SVGのパスデータ
- SVG document
- SVG全体のマークアップ
- Canvas JavaScript
- Canvasで描画するためのコード
OPEN THE TOOL
曲線を、動かしてみる。
このデザインの編集ツールを開けます。