uniapp开发app，怎么做一个自定义可拖拽、缩放、编辑、删除的海报？

Question

我的需求是能在安卓和iosapp上使用动态添加文字、并且文字能够拖拽、编辑、删除、缩放、设置颜色、字体大小、文字排列方式，还有可以插入图片、并且图片也能缩放、删除。

Answer 1

解决方案我发了一个文章https://segmentfault.com/a/1190000043936577，感谢大佬@https://segmentfault.com/u/mourun_5eda169028465给出的思路。

Answer 2

要开发一个可拖拽、缩放、编辑、删除的海报应用程序，可以采用以下步骤：

1. 首先，需要选择一种适合开发海报应用程序的跨平台开发框架。由于你希望你的应用程序可以在安卓和iOS上运行，因此你可以选择Uniapp来开发你的应用程序。
2. 接下来，你需要使用Uniapp中的组件来实现可拖拽、缩放、编辑和删除的功能。例如，你可以使用 <view> 和 <text> 组件来添加和编辑文本，使用 <image> 组件来添加和编辑图片，使用 <movable-area> 组件来实现可拖拽的功能，使用 <movable-view> 组件来实现可缩放的功能。
3. 在添加文本的时候，你可以使用 input 组件或者 textarea 组件来获取用户输入的文本。同时，你可以使用 picker 组件来提供给用户选择字体、字体大小、颜色、文本对齐方式等选项。
4. 对于图片的操作，你可以使用 <image> 组件来添加图片，并使用 <movable-view> 组件来实现可缩放的功能。同时，你也可以使用 chooseImage API 来允许用户选择本地的图片。
5. 最后，你需要在应用程序中实现删除功能。你可以使用 touchstart 和 touchend 事件来实现对组件的删除。同时，你还可以在删除组件之前，显示一个提示框来让用户确认是否删除。

通过以上步骤，你可以开发出一个可拖拽、缩放、编辑、删除的海报应用程序。

这是chatGPT给的思路，希望对你有帮助。

Answer 3

两步：

1. 用 webview 以获取与浏览器一致的 JS 运行环境；
2. 然后在 webview 里面使用 Fabric.js 做编辑器。

Fabric.js 的官方网站：http://fabricjs.com 。

webview 的方案适用于大部分 Native 环境不支持的技术，不过如果限制不让使用 webview 的话就不行了。