javascript - 开源 javascript 编辑器/设计器，可拖动的字体和图像框？

Question

我需要构建一个视觉设计器图像或卡片设计器，让您可以添加文本文本框(多种字体)或图像，拖动它们并调整它们的大小。

这看起来相当简单，但我认为很常见 - 但到目前为止，我还没有找到任何可以用作此基础的东西。

我要找的是类似 Keynote 但 super 基础的东西。

我看过:

• remark.js:仅演示
• reveal.js:非常接近，但只有表示引擎是开源的。可视化编辑器是一项闭源服务。
• mxgraph/jgraph:专为有向图或流程图设计
• gojs:专为有向图或流程图设计
• contentbuilder:它是一个用于具有堆叠布局模块的页面的布局引擎，我需要制作卡片的东西

当然还有主要的 javasript 编辑器，如 ACE、CK 和 TinyMCE，但它们解决了字体编辑/字体选择问题，但没有解决拖放框和布局问题。

我正在尝试构建的是您可能会在 tinyprints.com 上使用或在设计卡片或 canva.com 时类型转换的东西。

但我的需求真的很基本 - 所以我认为没有库的原因可能是它很容易构建？不管怎样，我会喜欢一些意见。

Answer 1

它不像布局编辑器/设计器，而是Fabric JS有很多您正在寻找的功能(多种字体、拖动图像和调整大小)。它是基于 Canvas 的，但如果您需要转换为非光栅格式，可以导出为 JSON。如果仍然需要，可能会有所调整。