TextBox in Canvas

FabricJS를 쓰면서 한 가지 문제에 직면했다. PostIt이라는 새로운 Obejct를 구현하기 위해서 Group이라는 Class를 사용해서 Rect와 TextBox를 Group안에 넣어서 관리하기로 계획했다.

TextBox

Textbox class, based on IText, allows the user to resize the text rectangle and wraps lines automatically. Textboxes have their Y scaling locked, the user can only change width. Height is adjusted automatically based on the wrapping of lines.

Fabric에서 제공해주는 Class중 하나로 엄청 유연한 TextInput이다.

Rect

Fabric에서 제공해주는 Class중 하나로 사각형을 나타내는 Object이다.

Group

Fabric에서 제공해주는 Class중 하나로 그룹을 나타내는 Obejct이다. Group은 여러가지 Object를 합쳐서 한번에 관리 할 수 있다.

위 처럼 TextBox와 Rect를 한번에 관리 할 수 있다.

TextBox in Group

TextBox.enter