问题标签 [svg-edit]

使用 svg-edit 和我发现的一些变体，它们似乎基于相同的 JS 库，我创建了一个基本绘图，然后使用 svg-edit 中的源编辑器，或加载外部记事本创建的 SVG，<g>例如，元素 上的某些属性被丢弃了。

我想修改一个典型的元素，假设class="Position"它可以工作，并通过编辑周期保留属性。但是当我使用foo="bar"该属性时，它似乎被完全丢弃了。

这相当不方便，因为我想使用 svg-edit 来创建具有一些我独有的属性的任意绘图，我的代码以后可以识别这些属性。

这是一个愚蠢的问题吗？我是否遗漏了一些关于包含任意非标准类型属性（以及保留）的 SVG 的基本知识？

如何编辑与填充颜色和其他 SVG 方法相同的 SVG 我想将 SVG/PNG 放置在 SVG 中某个特定路径/SVG 组的某个特定路径/组中，为什么有人可以帮助我解决这个问题？

我如何在浏览器语言环境中加载 svg-edit。我想以浏览器语言加载工具，尤其是中文。任何人请帮忙。提前致谢。

我正在使用带有 angular 4 模板的 asp.net-core 构建一个 Web 应用程序，并使用 svg-edit 允许用户在移动设备上绘制/加载/保存图像，特别是在 IOS 设备/android 设备上。svg-edit 可以很好地满足我的需要，但我在 IOS 设备上遇到了一个关于生成/将用户绘图（svg）转换为另一种格式（png base64）的问题，该格式将作为 api 的一部分发布保存过程。

我使用以下代码使用 html canvas 将 svg 转换为 png base64

svg-editor.js

但是，这只适用于使用 chrome 或 safari 浏览器的 IOS 设备。onload 方法根本没有被调用。我猜 svg 图像可能太大而无法转换。

我也尝试过这种方法，它也不能可靠地工作......

我也试过canvg库，它也不能可靠地工作

这些方法由 angular4 component.ts 调用

我在客户端将 svg 转换为 png 的原因是因为我无法在 dotnet-core 解决方案（https://www.nuget.org/packages/Svg/）上安装 C# SVG 渲染库

请帮忙！

We use MethodDraw which is a fork of SVG-Edit. Ever since the last iOS update on the iPad or iPhone, the screen scrolls when you try to draw a line on the drawing canvas. When making a simple selection, the screen pans around making it unable to use. There is a bug report on MethodDraw already, but it sounds like MethodDraw is no longer being maintained and updated.

To reproduce, view this page with a iPad or iPhone running iOS 11.3 or later: http://editor.method.ac/ and try to use the pencil to draw a line - you will see the screen move and it's almost impossible to use the app.

Searching the web for a solution, I found a similar issue but I'm still not sure how to patch MethodDraw to fix it. See webkit.org: Bug 184250 - Unable to call event.preventDefault in dynamically added event listener

I believe it has something to do with dynamic event handlers.

如何在 svg-edit 中选择线性渐变的颜色？

“更改填充颜色”弹出窗口让我选择一个渐变，这似乎基于形状的当前纯色。但是任何一个顶点都没有颜色选择器。

我正在根据来自文本框的输入值创建一个矩形元素（从文本框中获取高度、宽度、X 和 Y）。

当 rect 被创建并附加到父 g 元素中时。我正在创建一个显示新创建的矩形编号的文本元素。我将此文本定位到rect的左上角。

这是我的一段代码（不仅与问题有关）。它在按钮的onclick事件中调用。

创建的矩形可以是任意大小，因此为了缩放文本元素，我尝试了上面的转换代码。但不知何故它不起作用。我需要的是，无论矩形大小有多大或多小， RectNo文本都应该出现在矩形的左上角，并且应该根据矩形进行调整（调整高度和宽度）尺寸。

我正在开发一个 SVG 项目，我必须通过手动提供其大小和其他参数来添加 svg 文本。但是 svg 文本元素中没有 heght 参数，所以我使用 svg 作为文本元素的父元素，并将 svg 的视图框设置为文本元素的 BBOx。通过这样做，我可以将所有参数设置为文本。但是在它被添加到 svg-edit 画布中后，我无法拖放它。请帮助我提前谢谢

我可以在画布中添加内容，但我不能进一步拖放。我使用了内部 svg 并从文本元素的 BBox 设置了该 svg 的视图框

我有一个关于 svg-edit 的项目，我必须在鼠标单击时创建多边形，svg-canvas（不是 HTML5 画布假设为绘图板）是可缩放的，我可以在 100% 缩放时创建多边形但是当我放大或缩小时我不能，实际上我无法在缩放后获得正确的 x 和 y 位置。正如您在图像中看到的那样。

我曾尝试过这种方法来获得积分——

我的任务是

我正在从用户那里获取输入（x、y、高度和宽度），以通过javascript在 SVG中创建动态img。

它工作正常，但高度和宽度不会根据值缩放（它充当图像的填充）。高度和宽度不会增加或减少。

这是我的代码（仅与问题相关）：

这是 SVG 的外观

我也尝试过背景大小，但效果不佳。

我怎样才能做到这一点？