angular-room-design v1.0.7

RoomDesign

This library was generated with Angular CLI version 13.3.0.

Angular Room design

Angular Room design is a fabric.js + canvas-based interactive editor, like office, room, floors etc. The initial trigger to create this library was a need to define a set of objects locations on 2D canvas, that will be then presented on 3D visualization of office, room, floors.

You can create canvas width and hight wise on click on button, and drag and drop objects in canvas, if you want to remove the selected objects then click on delete button, also you can save the all design as a image

Requirements

Library uses the newest version of Angular

To install all dependencies at once:

 npm i -g @angular/cli
 ng new <project name>
 npm i bootstrap

Add in angular.json file

  "assets": [
              "src/favicon.ico",
              "src/assets",
              {
                "glob": "**/*",
                "input": "./node_modules/angular-room-design/assets",
                "output": "/assets/"
              }
            ],

Installation

Install package

npm i angular-room-design

Import RoomDesingModule in your main application module, like below

    import {  RoomDesingModule } from 'angular-room-design';

    imports: [
    ...
        RoomDesingModule
    ...
    ],

Usage

Add this selector in your html file

<app-room></app-room>