jquery-svg

1热度

2回答

Hove我根据我是哪个页面类改变了SVG填充参数。例如：如果我在头版有一个类.home-page我想填充我的参数与#000000。而当我在联系页面上有一个类.contact-page我想填充我的参数#ffffff。 <rect x="-4.79" y="-5.11" clip-path="url(#SVGID_6_)" fill="#000000" width="37" height="37

0热度

1回答

Svg对象沿线路径移动并调整窗口大小

我创建了一个带有svg背景（幻想城市）的框架。当我用鼠标移动建筑物时，它们变成红色，如果我点击它们，我会打开一个包含一些信息的气泡。现在这个城市需要沿着街道移动的人们。现在的问题是，人们沿着svg路径移动，但如果我调整窗口大小，路径不会调整大小，但保持不变。我使用VAR SVGPath.getTotalLength();得到路径的总长度，然后一个jQuery $.each()循环中我明白了

2热度

2回答

如何使用jquery在svg中更改图片url？

我想要改变图像的URL动态基于ID属性使用jquery下面给我的SVG标记。任何人都可以帮助我。 <image id="background_image" width="804" height="943" preserveAspectRatio="xMinYMin" style=" pointer-events:none;background-repeat:repeat-y;" xlink:hre

-2热度

1回答

使用单独的SVG图像创建时钟

我有两个单独的图像。一个是没有箭头的时钟，另一个是时钟箭头。两者都是SVG图像（矢量）。我需要像Web应用程序中的时钟一样创建箭头的360度旋转取决于时间变量。例如，如果时间变量= 2分钟，则箭头必须在2分钟内旋转完整的圆圈。这里有样本图像：什么是做到这一点的最好办法？ HTML5画布 jQuery的任何帮助十分赞赏。

0热度

1回答

SVG元素上没有添加addClass（）和Attr（）的类

我有'SVG'元素的问题，我正在尝试使用attr（）方法向'svg'圆元素添加类，但它是不工作。 **Here is the some piece of code: ** r = new ScaleRaphael('lg-map', config.mapWidth, config.mapHeight), attributes = { fill: '#d9d9d

0热度

2回答

Svg以上的图像和比例

我有一个网页有一个袋子的图像，并且在袋子图像上面放置了一个svg覆盖图，问题在于svg没有在图像上覆盖，也没有响应。工作实施例： https://jsbin.com/lilaxizizo/1/edit 代码： <!DOCTYPE html> <html> <head> <title>SVG </title> <script src="https://ajax.googleapis

1热度

1回答

将多边形动画重置时将鼠标悬停在文字上

我正在尝试创建SVG动画。我创建了一个多边形。在鼠标悬停时，它正在显示文本，并且多边形已根据我的需要更改了自己的形状。但是，当我要将鼠标悬停在此文本上时，多边形动画将重置。我希望这些动画保持不变，这可能是多边形形状或文本本身的问题。这里是我的代码： jQuery(document).ready(function(){ jQuery('#poly1').mouseover(fu

-2热度

2回答

如何重新加载整个svg点击一个按钮后没有重新加载页面

https://github.com/a115/HTML-SVG-connect我使用这个插件绘制可拖动的线。但是这个插件不给我加载svg后重新创建线的权限。我想在两个元素上单击时创建行。

1热度

1回答

D3中的GeoJSON：路径未绑定到数据

详细信息：我有以下设置。生成的自定义topjson文件，只是想显示在我的网页。我可以在控制台中看到，创建并正确加载数据，但由于某些原因，d3不会显示任何路径元素，也不会显示任何内容。的Javascript var width = 960; var height = 500; var svg = d3.select('body').append('svg')

0热度

1回答

如何获取SVG图像组的高度和宽度？

SVG包含多个形状<g>我想要使用svg编辑器（https://github.com/SVG-Edit/svgedit）获取特定的图像宽度和高度。示例图像： <g id="svg_1" class="svg_16 deg_90 cat_top stag" transform="translate(168,27)"> <path id="path3482" stroke="null" d="M1