Signature_pad: 裁剪 toDataURL('image/svg+xml');

创建于 2017-02-07  ·  5评论  ·  资料来源: szimek/signature_pad

你好。 虽然我阅读了关于如何裁剪画布的帖子,但它的输出是 base 64 png。 是的,并不是每个人都可以访问服务器,因此修剪客户端肯定会有所帮助。

想请求对 base 64 svg 进行裁剪。 svg 仍然最适合输出,因为它是向量。

enhancement

所有5条评论

撞。 这是一个非常有用的功能。 ^_^

我希望这个功能引起一些兴趣

三年过去了,甚至没有回复。 撞

三年过去了,甚至没有回复。 撞

好吧,这让我很激动,想一劳永逸地结束这个问题。 将带着解决方案回来。 快乐编码。

PR 是受欢迎的,但如果这个裁剪代码可以作为一个单独的库来实现,或者作为一个单独的函数来实现,如果不使用它就不必导入,那么最好避免使用很少有人需要的功能使这个库膨胀。

另外,我不再真正维护这个库了。 我会尽快清理一些东西,并用我正在寻找维护者的信息更新自述文件。

我很抱歉我听起来很冒犯。 我无意冒犯任何人。 谢谢你的这个包,我很高兴使用它。 在搜索特定答案时,我不喜欢浏览未收到任何回复的旧的和未公开的票证,所以也许我忽略了 szimeks 的明显回复,他将其视为改进。 再次感谢您提供此包裹。

对于那些拼命寻找裁剪 SVG 方法的人,我发现了多种解决方案。

  1. 我很幸运,因为我在 fabric.js 中使用了这些签名,您可以在其中以自动修剪空白的方式导入 SVG。 请参阅此代码片段:
fabric.loadSVGFromURL(svgFilePath, () => {
  // these are your signature path elements grouped together 
    var loadedObjects = new fabric.Group(group);
  },
  function (item, object) {
    object.set("id", item.getAttribute("id"));
    group.push(object);
  }
);

2、您可以修改 SVG xml 代码中的 viewBox 属性以仅显示签名。

  1. 否则,如果背景为空白,您可以简单地省略修剪任何空白并使用您签名的完整矢量“图像”。 在另一个问题中,我将 SVG 包含在 PDF 文件中,我采用了这种方式。
此页面是否有帮助?
0 / 5 - 0 等级

相关问题

MarcGodard picture MarcGodard  ·  8评论

rmmackay picture rmmackay  ·  7评论

Zuldra picture Zuldra  ·  4评论

khawye picture khawye  ·  4评论

auam88 picture auam88  ·  4评论