【问题标题】:PDF/PNG export feature for Web EditorWeb 编辑器的 PDF/PNG 导出功能
【发布时间】:2018-06-24 00:15:48
【问题描述】:

最近我的公司传给我一个基于网络的图形编辑器项目来处理,编辑器内的内容可以移动、旋转、调整大小、遮罩、更改字体……等等

到目前为止,我能够处理大部分客户端功能。但是,我坚持使用那些 exporting PDF/PNG 功能,这让我很头疼。我一直在研究像 JSPDFHTML2Canvas 这样的插件,但这些都不能解决我的问题(例如 HTML2Canvas 不支持 clip-path css 属性)。

我想知道CanvaPiktochart 这样的流行产品是如何开发出如此惊人的导出功能的。因此,我想向有构建网络编辑器经验的开发人员寻求一些建议

  1. 是否可以仅使用前端技术开发导出功能?
  2. 开发导出功能需要什么知识。 [斑点? SVG ?]
  3. Back-End 方面是否有任何关于此功能的帮助?

P.S:我只有 2 年的前端开发经验和一点后端知识。 (是的,我一个人在做这个项目。)

非常感谢!

【问题讨论】:

    标签: javascript frontend backend export-to-pdf


    【解决方案1】:

    您可以使用一些 JavaScript 库。您不需要后端。

    • html2canvas - 您可以为任何 HTML 内容创建 HTML 画布。然后您可以从画布创建图像 PNG/JPG。

    • pdf.js - 您可以通过创建新的空白页手动创建 PDF,然后开始在其上绘图。您还可以在 PDF 上绘制图像或画布。

    更多信息:

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2019-12-23
      • 2019-02-04
      相关资源
      最近更新 更多