【问题标题】:What technologies are used in the editor of CanvaCanva的编辑器使用了哪些技术
【发布时间】:2025-12-10 02:50:01
【问题描述】:

我想知道是否有人知道Canva's 编辑器是如何创建的。我找到了一家类似的设计公司,their editor 看起来一模一样。我认为它是用画布和像 fabric 或 konva 这样的库构建的,但是当你查看源 HTML 时,两者都没有画布。

对我来说,两家公司会有这样一个相似的编辑器,我觉得很奇怪。是否有他们正在使用的库,或者它只是使用常规 html 元素构建的,并且它们使元素可拖动?然后他们创建一个具有 dom 到图像功能的图像?

我在互联网上搜索了创建在线图形编辑器的指南,但没有。我在其他任何地方都找不到答案。任何想法将不胜感激。

【问题讨论】:

    标签: javascript html css canvas


    【解决方案1】:

    如果其他人偶然发现了这个问题,我相信我已经找到了答案。我认为它是使用 svgs 创建的。 Method Drawsvg edit 是很好的例子,可以扩展它以创建它们已经实现的复杂性。

    【讨论】:

    • 除了这些库,你有没有弄清楚如何创建一个编辑器?我正在寻找类似的东西。
    • 这里也一样。寻找有关如何创建图像编辑器的资源。