angular-room-design
v1.0.7
Published
This library was generated with [Angular CLI](https://github.com/angular/angular-cli) version 13.3.0.
Downloads
8
Readme
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>