angular - 寻找一个可以使用 Angular(8) 绘制矩形并在屏幕上移动的简单组件
问题描述
我正在寻找可以执行以下操作的 Angular 组件
- 在屏幕上绘制矩形
- 用户将能够四处移动并调整它们的大小
开始只是通过操作 div 元素来做到这一点,但我认为这样的组件可能已经存在。
下面是我想要实现的一个例子
知道为什么要这样做吗?
谢谢
解决方案
Angular 材质有一个很好的拖放模块,可用于处理操作方面,链接:https ://material.angular.io/cdk/drag-drop/overview
还有本机浏览器拖放方法:https ://www.w3schools.com/html/html5_draganddrop.asp
至于绘图,您可以使用很多工具,我建议您在 google 或 npm 上搜索,尝试一些,放下一些代码,然后如果您有任何具体问题再回到这里(因为其他所有内容大多只是见仁见智)
推荐阅读
- python-3.x - Pandas 使用 MultiIndex 重新排列列
- android - 从 Android 上的 Firebase Analytics 中排除年龄、性别和地区
- javascript - 异步调用一直返回失败处理程序
- php - PHP 警告除以零
- python-3.x - 在 docker 容器中运行 pip install 适用于每个 python 包,除了依赖注入器
- angular - 按字母顺序排列下拉菜单
- python - ValueError:为 pd df 和 np.array 设置具有序列的数组元素
- android - Camera2 API 在 android Marshmallow 中不起作用
- excel - 无法将表格移动到 Workbook_SheetBeforeDelete 事件中的隐藏工作表
- git - Azure Pipelines:合并拉取请求源分支名称后运行 CI 构建?