如何在不更改坐标的情况下转换(旋转)svg 文本元素?
我是这个 d3.js 的新手.在这里，我尝试使用 d3.v3.js 库绘制条形图.在这里，我面临着一些问题.我试图在 y 轴上包含度量标签.但是一旦我将标签转换为 -90 度，它的位置就会自动改变. 这是我用来绘制的代码: svg.append("g").attr("id","x_axis").attr("class", "x 轴").attr("transform", "transla
..
svg相关内容
如何在 d3.js 中重置缩放?
我有一个简单的 svg 矩形，我使用 d3.js 在它上面添加了缩放和平移.我还添加了一个按钮，以便在单击按钮后尝试重置缩放.代码如下: 重置函数缩放(){svg.attr("转换", d3.event.transform)}var svg = d3.select("body").append("svg").attr("宽度", "100%").attr("高度", "100%"
..
从 Javascript 访问 SVG 对象时收到未捕获的安全错误
今天我花了一些时间尝试使用 D3(和 jQuery)操作 SVG.我的目标是能够通过 JavaScript 访问/修改本地 SVG.如果它是为 D3 量身定制的并不重要，但那会是额外的积分. 似乎适用于其他人的解决方案不适用于我，其中包含以下 JavaScript: window.onload=function() {//通过ID获取对象var a = document.getElemen
..
为 D3 力有向图中的链接添加标签
我创建了一个力有向图，但我无法向创建的链接添加文本. 我该怎么做? 以下是我的代码 link 我已使用以下行在链接上附加标题，但没有出现. link.append("title").text(功能(d){返回 d.value;}); 我做错了什么? 解决方案 此链接包含您需要的解决方案. 这里的重点是“标题"添加了工具提示.对于标签，您必须提供稍微复杂(但不要过
..
用箭头连接可变半径的节点
我有一些不同半径的圆/节点，我必须将它们与具有箭头末端的路径连接起来. 这是标记的代码: svg.append("svg:defs").selectAll("marker").data(["默认"]).enter().append("svg:marker").attr("id", 字符串).attr("viewBox", "0 -5 10 10").attr("refX", 5).attr
..
在 D3 条形图上添加标签
我阅读了很多关于在 D3 条形图上添加标签的文档，但我无法弄清楚.我被困在“svg.selectAll(“text")"之后添加什么. 结果将与此示例中的相同: 代码如下: var margin = {top: 20, right: 30, bottom: 50, left: 100},宽度 = 960 - margin.left - margin.right，高度 = 500 -
..
Leaflet.js:使用自定义 svg 标记太慢(还有很多要点)
我正在尝试使用一些用户定义的 svg 图标作为传单上的标记，但我认为整个任务对我的浏览器来说太重了. 直到现在我一直在使用 L.circleMarker 但我现在必须使用星号、箭头、星星等标记，所以我决定将它们作为 svg 路径，然后插入它们而不是我的圆圈标记.为了让事情更复杂，我有超过 300K 点.使用 circleMarkers，我能够制作一个可行的图表，虽然速度不是很快，但完全可以接
..
将 SVG 文本更改为 css 自动换行
以下代码用于显示javascript树状图的文本标签. nodeEnter.append("svg:text").attr("x", function(d) { return d._children ? -8 : -48; })/*文本的位置(从左到右)*/.attr("y", 3)/*文本的位置(上下)*/.text(function(d) { return d.name; }); 这里使用
..
D3 - SVG 元素上的定位工具提示不起作用
的直接子元素的 HTML 元素，但它们对于定位 SVG 元素不太有用.d3.mouse() 函数计算应用所有转换后，当前事件相对于指定 SVG 元素坐标系的鼠标坐标.因此，它可用于以我们需要定位 SVG 工具提示的形式获取鼠标坐标. 关键代码: .on("mousemove", function () {var mouseCoords = d3.mouse(SVGtooltip[0][0]
..
如何获得笔划的轮廓?
我想将描边路径转换为填充对象.(以编程方式，在 JavaScript 中.) 这条线只是一条简单的曲线，一个坐标序列.我可以将这条线渲染为一条路径，并给它一个一定厚度的笔触......但我试图获得一个填充的形状而不是一条描边线，以便我可以对其进行进一步的修改，例如翘曲它，因此生成的“笔画"的粗细可能会有所不同，或者从中切出自定义位(据我所知，这些东西都不可能用真正的 SVG 笔画来实现).
..
我可以在 d3.js 中的 SVG 组之间移动 SVG 元素吗
我可以在 SVG 组之间移动一个 SVG 元素吗 - 无需在幕后进行过多的计算，也无需在我自己的代码中编写过多的代码?d3 api 文档 提到您不能重新附加已删除的元素 (?). 从原始组中删除元素后重新创建元素 - 在我的代码中可能看起来很麻烦，而且对于 d3 和浏览器来说比可能的情况更昂贵. 这也与在将元素与组关联之前定义元素有关，而不仅仅是在组之间真正移动它(即，将元素从非组移动
..
D3 - SVG 线中基础和线性插值的区别
我实现了一个多系列折线图，就像 M. Bostock 和 此处遇到了一个我无法解释的奇怪问题.当我选择线性插值并设置我的比例和轴时，一切都是正确的，并且值对齐良好. 但是当我将插值更改为基础时，没有对轴和比例进行任何修改，线和轴之间的值不正确. 这里发生了什么?使用单调设置，我可以获得与基础插值几乎相同的效果，但没有线和轴之间的同步问题.我仍然想了解正在发生的事情. 解决方案
..
以编程方式触发 svg 矩形元素中的点击事件
如何以编程方式触发 svg 矩形元素元素中的点击事件?像 :$("#targetElm").triger("click");
..
Webpack 2:警告 .png、.svg、.. 已弃用.在它自己的选项中配置 optipng 的 optimizationLevel 选项.(optipng.optimizationLevel)
这个警告在运行 webpack 时会打印约 20 次 - 它处理和捆绑得很好，但这是什么意思?我该如何摆脱它? 不幸的是，谷歌搜索几乎没有帮助. 这是我的 webpack 配置: const ExtractTextPlugin = require("extract-text-webpack-plugin");var webpack = require("webpack");模块.出口
..
amCharts 不显示最初隐藏的 div 的图表
我正在使用 amCharts(使用 Raphaël 在幕后)将一些图表渲染为 SVG；并且已经注意到，如果 SVG 在最初不可见的 div 中呈现，当 div 变得可见时，浏览器不会立即呈现图像.但是，如果我修改显示，例如通过调整浏览器大小或 Ctrl-鼠标滚轮缩放，SVG 图像会在页面重绘时按预期呈现. div 可见性切换的确切方法是通过 Bootstrap 的标签式导航栏. 我承认
..
SVG 图像被 Gmail 代理阻止
似乎新的 Gmail 图像代理不适用于 SVG(如果您在新选项卡中打开代理网址，则会出现 404 错误.) 我找不到任何有关支持/阻止的文件类型的文档.gmail 中的 SVG 对其他人有用吗? 我能想到的唯一解决方法是使用 PhantomJS 在服务器上生成 svg 的 png - 还有其他选项吗? 背景: 这是一个发送每日摘要电子邮件的 web 应用程序，显示了过去 2
..
div 向 2 个方向倾斜
是否可以在 CSS 中创建以下形状作为 DIV. 浏览器支持并不重要. 解决方案 你不能像这样直接倾斜一个元素，你需要使用两个元素(或生成的内容)并隐藏某些溢出来使底部边缘平坦: http://jsfiddle.net/6DQUY/1/ #skew {高度:240px；溢出:隐藏；}.skew {背景:#000；显示:内联块；高度:300px；宽度:500px；边距顶部:10
..
处理来自嵌入或对象标签的元素
我在页面中插入了一个带有嵌入或对象标签的 svg 图形: 图像正在正确加载，我可以使用浏览器调试器看到它的 SVG 结构.我看到了所有元素的 id 和属性，但在我看来没有办法用我的脚本在页面上选择这些元素: $('#graphics path').length;//0 (jQuery)$('path').length;//0 无论如何 是否可以像往常一样浏览图形元素? 解决方案
..
路径上特定点上的 SVG 标记中间
我得到了一些在画布上生成路径的代码.路径对象看起来与此类似: 并在视图中(a、b、c 字母仅用于说明问题): 我的问题是我想在线的中间画一些箭头(标记)，在“a"到“b"之间，但是当我创建一个标记并执行一个标记中属性时，它会在
..
Safari 中的 SVG 缩放问题
Safari 中出现的奇怪问题.我将元素的背景设置为 SVG.这个 SVG 是在一个紧密的像素网格上绘制的，并且在大多数其他浏览器中都能完美显示，但由于某种原因，它在 Safari 中无法正确缩放. 这是我用来设置背景的 SASS: @include 背景尺寸(100% 100%);背景:透明图像 url('icon-laptop.svg') no-repeat 0 0; ... 以及创
..