2d план этажа с изменяемым размером, линейка на перетаскиваемых изображениях

Я ищу интерактивный двухмерный план этажа со следующей функцией

это означает, что пользователь может одновременно перетаскивать и изменять размер карты этажа. единственная относительная ссылка, которую я нашел, это

Редактировать: до сих пор я мог создать диаграмму на основе svg и применить привязку для перетаскивания изображения.

моя скрипка

https://jsfiddle.net/sbh24vuq/

 $(function() {

          addBackdrop(50);

          var $window = $(window);
          var radius = 40, editColor = 'rgb(79, 128, 255)';
          var type = /(canvas|webgl)/.test(url.type) ? url.type : 'svg';
          var two = new Two({
              type: Two.Types[type],
              fullscreen: true,
              autostart: true
            }).appendTo(document.body);


         ....
complete code is on fiddle 
        }

но я хотел бы добавить линейку при перетаскивании.