问题标签 [svg-edit]

我即将将svg-edit集成到 ASP.NET MVC 项目中。有没有人有关于如何开始的建议或教程？

谢谢你。

我发现这个工具（https://code.google.com/p/svg-edit/）非常有用，但是这个项目有任何参考允许正确集成到您的应用程序中，而不是简单地将其添加到 iframe？例如，我想检索 svg 代码以将其保存在变量或类似的东西中

是否可以使用 svg edit 更改现有 svg 的大小？我https://code.google.com/p/svg-edit/我有一个相当大的 svg，我希望缩小。谷歌的工具没有图标（我可以看到）来缩放大小

I am implementing SVG-edit into my website. It is designed to be full screen, but I have shrunk it to fit on my page, and changed some CSS to make this work, most importantly, putting it inside of this div.

I have a button, that when clicked, should cause flyout buttons to have it's display: none removed and appear on the screen next to the button that was clicked to activate them. The elements are on the HTML document. I have used inspect element after activating them to be sure there is no display: none applied. I have applied the highest z-element to the flyout buttons and their container. I have applied all the position relative, absolute, and fixed in several combinations to the button and it's containers. I have even used opacity: 0.9 to try to push the flyout buttons up.When I remove "position: relative", the flyout buttons are visible, but of course, svg-edit overflows the box I'm trying to contain it in.

Here is all the directly relevant CSS, however there are several moving parts. For the full HTML, see this pastebin. For the full CSS, see this pastebin. To see an example of what it should look like, see the original at the latest stable version

This is the div containing the button to activate the flyout

This is CSS applied directly to the flyout button container

This is CSS applied directly to the flyout buttons themselves

According to comments, this is necessary to keep the flyouts sized properly

Given what I'm trying to achieve and what I've tried, what might be causing these buttons not to display?

Another acceptable answer would be to suggest a way to keep svg-edit project inside of a div without using a container with "position:relative".

我想在我的项目中使用svg-edit插件。现在我想为曲线文本创建扩展，例如：

但它不起作用，我该如何创建它？

是否可以将 svg-edit 的工作区高度设置为动态适合屏幕高度？现在可以更改文件 config.js 中的工作区大小（例如 640x480、800x600）。但是我怎样才能改变这个工作区来动态适应屏幕呢？工作区有多少像素并不重要，但我需要缩放工作区以适应屏幕。我想制作具有工作区高度的编辑器窗口以填充实际的浏览器屏幕（禁用缩放，工作区扩展到整个浏览器窗口）。是否可以使用配置文件进行设置，或者需要将 som 实现到核心文件中？

这是 config.js 的一部分：

这是我正在使用的 svg-editor.html 中的一部分代码：

为什么 SVG-edit v2.7 中没有文本对象的字体大小属性？我只是想调整文本对象的大小吗？那么我如何确保保持比例？

如何在 HTML 页面中完成此操作：单击 SVG 图像将在另一个窗口中打开 SVG 编辑器。在关闭窗口时（在 Y/N 提示之后），打开窗口中的 svg 代码将被更新。

如何使用setConfig“方法绘制”编辑器使用方法。我尝试将它们设置如下。但它不支持设置配置选项。但我能够使用setSvgString，setResolution方法如下。

我的问题是“如何使用setConfig方法覆盖默认配置？”

我需要更改 jquery 中元素的 ID。这是我用以下代码制作的：

更改 id 可以正常工作，但我的问题是具有新 id 的元素不会与原始元素交互。这部分代码应该是 svg-editor 中代码的一部分，其中每个带有 id 的按钮都有一些功能。我需要在一页上实现 2 个具有相同功能的按钮。但我不能在页面上拥有多个元素。我很难实现其他“id”以具有相同的功能，因为我无法很好地定位 svg-editor 的代码。所以我认为只需交换 id 就可以解决我的问题。但是更改的 id 不会交互。当 id 改变时，是否存在任何解决方案来保留原始 id 的所有属性和功能？