Tag: svg

outerHtml在IE中不起作用: 这是我的代码我在b上有触发鼠标移动事件 $(“#b”).hover(function() { alert($(this)[0].outerHTML); }); 这是在Chrome工作但不在IE中工作我怎么能解决这个问题.. 请找到JSFiddle链接： http ： //jsfiddle.net/r8v70Lnk/ 警告框将仅显示在Chrome中，但不会显示在IE中。

需要使用jQuery，javascript或任何其他插件修复SVG DOM: 我正在使用SVG创建一个家族树，下面给出了一个小结构。我需要帮助在鼠标上添加特定的类（比如’selected’） – “节点”，在“g”的每个第一个“rect”上，这是当前hover的“节点”的父节点。 $ this.addClass（’classname’）不起作用。所以我使用$ this.attr（’class’，’classname’）无能为力：我需要像父母一样的函数（在jQuery中）或类似的方法来获取当前hover的“rect”的所有父“g”。目前的工作 – 点击这里样本结构。 Name Name Name Name 我认为jQuery与SVG不友好:(

如何使用d3.js选择器删除处理程序: 我使用我正在更新的d3选择器意外地将相同的事件处理程序覆盖在svg元素之上。 add_listeners = function() { d3.selectAll(“.nodes”).on(“click”, function() { //Event handler to highlight clicked d3 element }); jQuery(‘#some_navigation_button’).on(‘click’, function() { //Event handler }); jQuery(‘#some_refresh_button’).on(‘click’, function() { //Event handler that re-draws some d3 svg elements }); //… 5 other navigation and d3 handlers } add_listeners()正在重新添加相同的处理程序。所以我试过了 add_listeners = function() { d3.selectAll(“.nodes”).off(); jQuery(‘#some_navigation_button’).off(); jQuery(‘#some_refresh_button’).off(); d3.selectAll(“.nodes”).on(“click”, function() { //Event […]

jQuery attr（）无法设置属性: 我试图通过svg的transform旋转图像。这是我的代码：当页面加载时，这会成功将logo.png旋转90度。此外，当我在firbug的HTML选项卡中将90更改为不同的数字时，旋转会相应地更改。但是当我尝试使用jQuery更改值时，没有任何反应： $(‘#trns’).attr(‘transform’, ‘rotate(60, 50,50)’); 萤火虫做什么我的attr线没有？

Fabric.js loadSVGFromUrl不显示多个导入的SVGS: 我正在使用fabric.js并将许多SVG文件加载到其中。使用此代码显示其中一个导入文件没有问题; fabric.loadSVGFromURL(‘ico-svg/drink.svg’, function(objects, options) { var drink = fabric.util.groupSVGElements(objects, options); drink.set({left: 80, top: 175, width: 32, height: 32 }); canvas.add(drink); canvas.calcOffset(); canvas.renderAll(); }); 但是，当我重复这段代码时，页面只显示两个SVG中的一个，它们实际上会在页面刷新时更改 – 只有一个图标会显示一次，一个图标会显示另一个，在奇怪的情况下它们都会显示但是其中一个SVG将无法完全显示。要加载另一个SVG，我只是复制上面的代码并更改所需的变量; fabric.loadSVGFromURL(‘exporttest.svg’, function(objects, options) { var dollars = fabric.util.groupSVGElements(objects, options); dollars.set({left: 80, top: 90, width: 350, height: 342 }); canvas.add(dollars); canvas.calcOffset(); canvas.renderAll(); }); fabric.loadSVGFromURL(‘ico-svg/drink.svg’, function(objects, options) { var […]

SVG /矢量地图室内导航路由: 我一直在网上搜索关于如何为基于SVG的室内平面图制定我自己的点对点导航系统的教程或方法。我搜索过网络，但唯一的选项适用于谷歌地图。但是我使用Illustrator作为SVG图像使用路径/向量创建了我的地图。我不需要为用户实现任何导航指令，只需从一个点到另一个点的简单路由。必须有一种方法可以使用矢量在地图上绘制导航路径可以转弯的点等。任何建议表示赞赏谢谢

javascript选择自定义光标（svg）: 我在hover时动态地将光标更改为本地svg $(element).on(‘mouseover’, function () { $(this).css(‘cursor’, ‘url(svgs/pointer.svg) 9 30 auto’); }; 这很好但我想选择那个svg来操纵它的填充颜色。有没有办法做到这一点，所以我不必制作一堆不同的填充不同的svgs？谢谢

如何使用javascript / jQuery增加/减少hex颜色值: 是否可以在jQuery / javascript中逐步增加或减少hex颜色值？我想做的是这样的事情：适应类似的for循环 for (var i = 0; i <= 100; i++) { console.log(i); } 我想做点什么 for (var color = 000000; color <= ffffff; color++) { console.log(color); } 没有任何转换。那可能吗？我已经尝试过了： for (var color = parseInt(‘000000’, 16); color <= parseInt('ffffff', 16); color++){ console.log(color.toString(16)); } 它工作但它非常慢（我收到警告，脚本正在减慢网站速度，如果我想停止脚本）。我想这样做的原因是：我想在一定的时间间隔内更改svg渐变的颜色停止。如果我有这样的svg（简化）： … … 该梯度当然会显示为纯色。现在我想逐步改变它，例如 … … […]

如何在d3.js中的svg中拖放一组矩形？: 我基于这个拖放示例工作：我想拖一组。我将两个矩形放在单个组中，现在想要拖放整个组，在我的代码中拖放工作在单个矩形上但不在组上。这是我的代码： Drag And Drop var vizSVG = d3.select(“#viz”) .append(“svg”) .attr(“width”, 400) .attr(“height”, 300); var group =d3.select(“svg”) .append(“g”) .attr(“id”,”group1″) .attr(“x”,50) .attr(“y”, 140) //.attr(“fill”, “yellow”) // .call(d3.behavior.drag().on(“drag”, move)); group.append(“rect”) .attr(“id”, “bluerect”) .attr(“x”, 50) .attr(“y”, 140) .attr(“width”, 50) .attr(“height”, 50) .attr(“stroke”, “red”) .attr(“fill”, “blue”) .attr(“opacity”,”0.5″) .call(d3.behavior.drag().on(“drag”, move)); group.append(“rect”) .attr(“id”, “redrect”) .attr(“x”, 110) .attr(“y”, 140) .attr(“width”, […]

如何为JVectorMap jquery插件生成新的自定义映射？: 有用的链接 JVectorMap： http ：//jvectormap.com/ 购物中心示例： http ： //jvectormap.com/examples/mall/ 注意; 请查看转换器链接的上述链接，因为少于10个声誉是新成员，我不能添加两个以上的链接。关于购物中心在这个问题的“有用链接”部分，我添加了一个购物综合体示例的链接，可以在JVectorMap网站上找到。在此页面上，它解释了以下内容; 使用此处提供的转换器从SVG创建的自定义地图示例（请参阅注释）。请注意，如果您使用从SVG生成的地图，您需要按像素坐标定位标记，而不是像从GIS生成地图的情况那样按纬度和经度定位。我需要帮助的是什么我需要为我当地的购物中心制作类似的地图，复杂的经理人提供了数字地图。我需要知道如何采用建筑群的每日图像格式并将其转换为形状文件，然后如何将该文件与转换器一起使用以创建我自己的自定义地图。