jquery-svg相关内容

在 D3.js 中实时绘制线条

我刚开始使用 D3.js，我想创建一些类似于我们在 Paint 中所做的画线.步骤应该是一样的:- 单击屏幕上的一个点- 拖动到目的地以创建一条线. 我现在遇到的问题是，当您将鼠标拖动到目的地时，线条应该根据您的鼠标移动.我该怎么做? 谢谢. 解决方案 这是一个简单的例子.另请参阅实时版本. var 行；var vis = d3.select("body").append(" ..
发布时间：2021-12-18 19:33:52 其他开发

jQuery SVG，为什么我不能添加类?

我正在使用 jQuery SVG.我无法向对象添加或删除类.有人知道我的错误吗? SVG: 不会添加类的jQuery: $(".jimmy").click(function() {$(this).addClass("点击");}); 我知道 SVG 和 jQuery 可以很好地协同工作，因为我可以定位对象并在单击时发出警报: $(".jimmy").click(function( ..
发布时间：2021-12-01 13:54:04 前端开发

jquery与svg路径交互以创建特定的可点击区域

我试图让 svg 路径在放入文件时“可点击"，而不是放入文档中. 基本上我只想能够点击图像的填充元素，而不是任何空白区域.我已将 PNG 图像转换为 svg 并使其正常工作，因此当我单击填充区域时，代码会根据需要执行，但在单击任何空白区域时不会执行. 为此，我只需在“路径"标签中添加一个“类"，即可通过代码使填充区域具有交互性. 但是，如果我现在将这个 svg 代码放入一个文件中 ..
发布时间：2021-09-01 19:16:10 其他开发

SVG中特定组或元素的Z阶和Z索引

我使用"path"标记在SVG中绘制了一条线，然后在相同的x值线上绘制了圆，但该圆在该线的后面.我想要圆线在行的前面.如何设置svg中特定组或元素的z-order或z-index以在前面显示该元素. 我尝试使用z-Index属性进行圆圈绘制，但无法正常工作. 谢谢 Siva 解决方案 SVG ..
发布时间：2020-06-29 18:32:26 其他开发

在SVG编辑中对SVG路径进行空且不可点击的填充

我正在修改SVG-edit，它是在线SVG编辑器: https://code.google.com/p/svg-edit/ 我允许用户仅在填充设置为“无"的情况下绘制形状. 但是，现在我想要当用户绘制这些形状时，允许它们将鼠标悬停在这些形状上并显示一些有关它们的信息.当这些形状“位于"其他形状之后时，尽管由于填充设置为空而不显示其他形状，但它们却无法单击，因为顶部形状的填充实际上在那里 ..
发布时间：2020-06-29 18:32:22 前端开发

JointJS-鼠标单击事件触发单元格位置更改事件

我需要为每个单元格定义鼠标单击事件.我使用了cell:pointerup事件；但是当我也更改单元格位置时会触发此事件.如何区分这两个事件? 谢谢. 解决方案 您可以做的是创建一个自定义元素视图，并通过检查是否触发了pointermove事件来从拖动中获得不同的点击在pointerdown和pointerup事件之间. var ClickableView = joint.dia. ..
发布时间：2020-06-29 18:32:02 前端开发

如何获得变形/旋转的SVG路径点

我通过设置属性transform ="rotate(45)"旋转了SVG路径元素 现在如何获得旋转的SVG路径点? 当我检查属性"d"时，它仍显示原始点[未旋转]. 解决方案 如果通过path.getPointAtLength()获得了点，则需要将路径的转换应用于结果.您可以通过以下方式获得总变换: var t = path.getTransformToElement( ..
发布时间：2020-06-29 18:31:59 其他开发

使用jQuery获取SVG路径的边界框

我想在jquery中获取svg路径的getBBox().我尝试过这样 $("#"+ path id)[0].getBBox() -> returns x=0,y=0,width=0,height=0 我已将路径添加到SVG元素.我尝试了SVG中的其他元素，例如文本节点，在这种情况下它返回了一些边界框值. 如何计算SVG中路径的边界框? ..
发布时间：2020-06-29 18:31:52 其他开发

如何使用jQuery在Chrome中拖动SVG元素而不会产生偏移? (Firefox可以)

我正在尝试编写一些代码，以允许拖动SVG元素.这对于jQuery，jQuery UI和jQuery SVG来说非常容易，并且在Firefox中可以正常工作，但是在Chrome中，当我拖动SVG元素时，显然会向其坐标添加偏移量.我看不到我做错了什么，也没有发现此区域中的任何已知错误. 我构建了一个说明问题的小例子: Foo ..
发布时间：2020-06-28 19:19:25 其他开发

使用SVG，HTML/CSS，ImageMap创建具有可点击省/州的地图

我正在尝试创建一个交互式地图，用户可以在其中单击地图中的不同省以获取特定于该省的信息. 示例: 已存档: http://www.todospelaeducacao.org.br/ 已存档: http://code.google.com/p/svg2imap/ 到目前为止，我只发现功能有限的解决方案.我只是真正使用SVG文件搜索了此文件，但如果可能的话，我将对其他文件类型开放 ..
发布时间：2020-05-05 15:20:09 其他开发

使用jQuery SVG获取div的SVG表示形式

我正在尝试获取div的svg表示形式.我正在为此jQuery SVG使用 http://keith-wood.name/svg.html 我在页面加载时执行此操作: var pad = null; $('.MyDiv').svg({onLoad: function(svg) { pad = svg; } }); 并且在div内的每个更改 ..
发布时间：2019-11-18 12:16:28 JavaScript

缩放到元素-jQuery SVG

说我有一块画布，上面画有svg元素.单击该元素后，我需要通过缩放并集中单击所单击的元素来更改视口.我该如何执行呢?我已经附上了代码. ` j ..
发布时间：2019-11-14 15:02:47 JavaScript