首页 > 解决方案 > 寻找一个可以使用 Angular(8) 绘制矩形并在屏幕上移动的简单组件

问题描述

我正在寻找可以执行以下操作的 Angular 组件

  1. 在屏幕上绘制矩形
  2. 用户将能够四处移动并调整它们的大小

开始只是通过操作 div 元素来做到这一点,但我认为这样的组件可能已经存在。

下面是我想要实现的一个例子

知道为什么要这样做吗?

谢谢

在此处输入图像描述

标签: angulardrawingshapes

解决方案


Angular 材质有一个很好的拖放模块,可用于处理操作方面,链接:https ://material.angular.io/cdk/drag-drop/overview

还有本机浏览器拖放方法:https ://www.w3schools.com/html/html5_draganddrop.asp

至于绘图,您可以使用很多工具,我建议您在 google 或 npm 上搜索,尝试一些,放下一些代码,然后如果您有任何具体问题再回到这里(因为其他所有内容大多只是见仁见智)


推荐阅读