Я пытаюсь воспроизвести функцию Jquery Привязка пользовательского интерфейса к сетке https://jqueryui.com/resources/demos/draggable/snap-to.html в Angular 7 с дизайном материала. Я также хочу нарисовать или создать div любого размера, например, нарисовать прямоугольник на холсте, как в этом примере https://jsfiddle.net/lannymcnie/gg8sv4cq/, единственное отличие в моем случае состоит в том, что на mouseend Event он будет замените этот выбор элементом Div. Изображение, изображающее, как рисовать Div любого размера, будет 
Я прилагаю пример того, над чем я работал до сих пор. Любые указатели на то, как я мог бы достичь этих 2 функций, будут полезны. Thanks
Stackblitz Пример ссылки: https://stackblitz.com/edit/angular-7bnndw