1

I'm currently working on developing a ASP.NET MVC based application which enables users to have a canvas for dragging and dropping floor and room based images (e.g. Sofas, Tv, Bed, Tables, etc.). Essentially, I want to build something like draw.io but enable the user to come up with a final product like this:

https://www.draw.io/?lightbox=&p=ex1&highlight=0000ff&edit=_blank&layers=1&nav=1&title=Floorplan.html#Uhttps%3A%2F%2Fdrive.google.com%2Fa%2Fseibert-media.net%2Fuc%3Fid%3D1as2h_1PqQBNIhRlzLDkm7s6joCD5jxBt%26export%3Ddownload

I'm looking for the best library to carry out the drawing. There are so many JavaScript libraries, but I'm not quite sure which is the most preferred (easiest) for such a task.

Ideally, the left pane would have different svgs that the user can drag onto some canvas (e.g. Sofas, Tv, Bed, Tables, etc.). Then they can connect them to each other, etc.The appropriate library to build such a tool is what I really need advise on!

  • Do you also require to be able to define the room layout (it might not be rectangular)? Its dimensions? Connect multiple rooms together? – Mawg Nov 20 '18 at 11:18
  • I am not quite clear here – are you looking for a totally standalone app to draw & export as SVG, or are you looking for a library to add into your own app? – Mawg Nov 20 '18 at 11:38
1

You can check Syncfusion ASP.NET MVC Diagram library, it can be easily integrated with an MVC application. Custom shapes and connector can also be defined using SVG or JavaScript.

Example https://ej2.syncfusion.com/aspnetmvc/Diagram/DefaultFunctionalities#/material

  • 1
    Seems to give a choice between FlowChart, MinMap & Org Chart. – Mawg Nov 20 '18 at 11:30
  • 1
    oh, I messed up the link. Actually, the given example is a showcase application that is built using syncfusion diagram library. But the core library supports multiple types. I will edit the example link – Bharath Nov 22 '18 at 5:54
  • That seems to be a flowchart. It looks nothing like the OP's sample floorplan, and I don't see any way to sad ", Tv, Bed, Tables, etc". Also, although he doesn't make it totally clear, it seems to me that he doesn't want a standalone application, but something that he can add into his own .NET app. Hopefully, he will clarify (if he ever logs in again). – Mawg Nov 22 '18 at 7:42
  • 1
    I've created a simple sample for floor plan here. Hope it helps – Bharath Nov 23 '18 at 4:57
  • 1
    I hope so, but alas the OP hasn't logged in for five months, shortly after he joined & posted this question. I have upvoted you as much as I can for your contribution. Hopefully he will come back one day and accept the answer. Welcome aboard :-) – Mawg Nov 23 '18 at 7:13

Your Answer

By clicking "Post Your Answer", you acknowledge that you have read our updated terms of service, privacy policy and cookie policy, and that your continued use of the website is subject to these policies.

Not the answer you're looking for? Browse other questions tagged or ask your own question.