问题标签 [svg-edit]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
0 回答
223 浏览

javascript - 如何在svg中为路径绘制内部或外部路径

我是 svg 新手,我需要为 svg 编辑器生成的 svg 路径绘制内部或外部路径,我无法绘制。我尝试了很多,但我不能。

帮我。

上一行在 svg 编辑器上做一个矩形。我需要为上述路径绘制一个内部矩形或外部矩形。我需要让它像一堵复合墙。所以我需要知道是否有任何公式或计算可以动态进行。我试过这个

它工作正常,但我怎样才能使它动态地为用户生成的路径。

我尝试了以下用户生成的代码

我将其转换如下

在这第一个 m 到 z 原始路径代码中,第二个 m 到 z 生成但不工作

0 投票
2 回答
1564 浏览

javascript - How to get boundary value of rect tag in svg using javascript

I am working in svg editor 2.7 version,Here i need to selected individual boundary value of rectangle in svg using javascript.

RECTANGLE ORIGINAL

My rectangle getting this selected tool.But i need to select individual corner of rectangle as below images

RECTANGLE RESULT

In svg edit files contain mousedown,mousemove and mouseup event.Here i used GETBBOX() function to get boundary value. but i need to split boundary for selection like above image 2. Here am working on mouseover event for getting boundary of rectangle in svg. but i didn't achieve it. kindly guide me for this or drag me into right way.

0 投票
0 回答
1619 浏览

javascript - 如何使用 Javascript 更改 SVG 中路径的选择区域

我正在使用 SVG 编辑器 2.7 版本。在这里,我需要使用 Javascript 更改 SVG 中路径标签的选择区域。

例如参考下面这张图片:

路径选择图像

这里我分析一下SVG编辑器,<g>标签会自动生成,只创建一个只提供矩形的选择区域。在这里,我需要更改路径部分的选择区域。

以下代码基于select.js

基于动态创建<g>标签

只需检查两个附加图像,我们处于第一阶段(图像),我们将其设为第二阶段 - 选择区域应该在第二个图像中的边界上方(应该是图像右侧)。请帮助我。

所有建议将不胜感激。

0 投票
0 回答
789 浏览

javascript - 如何在svg的路径中获得最接近的x和y坐标?

我在 svg edit 2.7 中工作,我在 svg 中的路径标签中工作,我创建了一些不规则形状的路径。然后我可以将任何 svg 对象拖到路径标签上方或内部。当我在路径标签上方或内部拖放时,它将为该对象角度生成最接近的绘制 x 和 y 点。我需要将 SVG 对象拖到路径标签上我需要更改角度(转换部分:旋转)。例如,我在工作区绘制路径(表面),我需要拖放到该路径(表面)上。在这里,我附上了基于问题的图像:

图像拖放 在这里,我发现路径标记中的所有点。但是当拖动的对象留在该路径边界中时,我需要得到准确的点。

以下代码用于获取最近的路径点

上面的代码用于在路径标签中查找相邻行。

这里 绝对线 TO导致路径标记中的所有点。当用户将门对象离开路径标记的第二行时,如何获取路径中的 x 和 y 坐标。提前致谢

0 投票
1 回答
704 浏览

javascript - svg getCTM() 没有得到确切的值

我正在svg-edit为我的项目工作,并且正在svgedit.compiled.js根据我的需要进行更改,这里遇到了一些问题,想要获取在 svg 中的选定元素transformtransform matrix我可以transform在 svg 中获取选定元素的。

transform如果元素跟随,我的代码获取当前

但是在console.log(test_x);我得到值matrix(0, 0.722035, -0.51, 0, 1561, 776.524) 时,在下一行我transform通过使用得到相同的元素,this.getCTM()但它没有得到以前的值,而不是得到低于值

这里做错了什么?有什么线索吗?

0 投票
1 回答
626 浏览

svg-edit - 有没有一种简单的方法可以将 svg-edit 用作内联所见即所得编辑器?

我看到它被blue griffon 在单独的窗口中使用,但是否可以让它在适当的位置编辑 svg?

0 投票
1 回答
177 浏览

javascript - 在 SVG-EDIT 中嵌入 Youtube 视频并应用文件共享系统

是否可以将视频插入 svg 文件(svg-edit 编辑器)?我想使用 svg-edit 进行团队合作,目前缺少视频 youtube 插入。我找到了一些例子,但它们不起作用,例如这个链接。您能否请我参考一些资源,在 svg-edit 中以哪种方式将 youtube 视频嵌入 svg 文件?

0 投票
1 回答
619 浏览

svg-edit - 有没有办法在 svg-edit 中禁用缩放?

我知道我可以隐藏缩放按钮,但用户仍然可以使用鼠标滚轮进行缩放。也许是这样的:

svgEditor.setConfig({ enableZoom: false });

在此先感谢您的帮助。

0 投票
0 回答
127 浏览

javascript - 检测 SVG-EDIT 窗口关闭

是否可以拦截 SVG-EDIT 窗口的关闭?

我们需要在关闭窗口时进行一些文件清理(例如删除我们提供给 SVG-EDIT 的临时背景图像)。

谢谢!

0 投票
0 回答
207 浏览

svg-edit - 未捕获的安全错误:无法在“HTMLCanvasElement”上执行“toDataURL”

将重现问题的步骤

  1. 根据文档和版本历史中的定义,在 config.js 中设置 allowedOrigins: ["*"]。
  2. 在编辑器中添加来自任何其他域的图像

未捕获的安全错误:无法在“HTMLCanvasElement”上执行“toDataURL”:可能无法导出受污染的画布。(server_opensave 第 73 行)

Chrome 和 Firefox 以及最新的主干和 2.7 都出现了问题。