Ngx-admin: how to code a svg 2D floor plan as shown in the dashboard demo?

Created on 2 May 2018  路  6Comments  路  Source: akveo/ngx-admin

I'm submitting a ... (check one with "x")

  • [ x] question about the decisions made in the repository

Issue description

Current behavior:
The picture below shows a 2D room demo
screen shot 2018-05-02 at 10 27 55

The code is made of svg. I want to change the svg to make another similar 2D floor plan. So my question is how to make such svg ?

needs info

Most helpful comment

I also would like to know how it has been drawn. Probably Inkscape but would be nice to hear something official.

All 6 comments

May be coding with patience....

Hi @helxsz. You can find the svg source in room-selector.component.html and room-selector.component.ts. Since it's just a text format, you can edit it by hand 馃檪. Or you can copy resulting svg code from elements panel in dev tools and paste it in svg editor. Here is one.

Also interested on this, @KostyaDanovsky did it on https://github.com/akveo/ngx-admin/commit/61869dad7a41d6ec4ce4fd4e6236e40c474d7fbd, maybe is just patience.

I also would like to know how it has been drawn. Probably Inkscape but would be nice to hear something official.

Any new tools to develop 2D SVG plans for this?

You guys should at least give us a methodology to develop svg's like this.

Was this page helpful?
0 / 5 - 0 ratings

Related issues

Kalaijagdai picture Kalaijagdai  路  4Comments

nfdavenport picture nfdavenport  路  3Comments

myurAgarwal picture myurAgarwal  路  3Comments

dreamerleolioa picture dreamerleolioa  路  4Comments

pulfabio picture pulfabio  路  4Comments