我打算使用Polymaps.org库（结合Protovis）创建一个漂亮的基于矢量的世界地图。然而，没有一个例子(http://polymaps.org/ex/world.html)使用专题地图中的GeoJSON，但国家按名称编码，而不是按2位国家代码编码 当我配对我的数据时，我会遇到诸如“俄罗斯”和“俄罗斯共和国”之类的问题。有人知道使用ISO 2或3位代码的国家的GeoJSON文件吗？使用这些名字似乎很疯狂 任何其他SVG类型的文件也会很有用。我可以创建一个，但我觉得它肯定存在，我只是不知道

如何从一组圆弧计算圆的大小 具体来说，我有一个SVG路径定义，它画了一个圆，我想计算出它的大小 <path clip-path="url(#SVGID_2_)" fill="#99C44C" d="M334.293,56.846c0-4.782,3.88-8.659,8.665-8.659c4.78,0,8.66,3.877,8.66,8.659 c0,4.783-3.88,8.661-8.66,8.661C338.173,65.507,334.293,61.629,334.293

我知道引起这个问题的不是jQuery SVG库，但是在积分x，y坐标上渲染水平或垂直SVG行时，行的宽度是2px，而不是1px。这可能与消除混叠有关，为了修复它们，并绘制一条完全1px宽的线，我需要通过添加0.5px来调整坐标 有没有一种方法可以使线条达到1px厚，而不必像这样进行调整？因此，您希望显示一个像素宽的水平线和垂直线，使其具有锐利的边缘，而不是模糊的边缘 如果SVG中的所有坐标都是整数，则可以使用变换元素将整个图像偏移0.5： // first group has no transf

我正在我的网站上使用Raphael.js。请看一下页眉上的徽标。 标识代码： <script type="text/javascript"> window.onload = function() { var r = Raphael(logo); r.attr({href: "http://google.com/", target: "blank"}); other vector.. ... </script> 用链

我刚刚注意到一些奇怪的事情。如果我绘制一个SVG形状，当使用返回鼠标位置的标准方法时，作为形状的x和y属性提供的坐标与该形状上的鼠标事件返回的坐标不匹配 例如，如果我绘制一个矩形，如下所示： shape = svgDocument.createElementNS(svgNS, "rect"); shape.setAttributeNS(null, "x", rect_x); shape.setAttributeNS(null, "y", rect_y); ... shape.addEventLi

我需要一张法国地区的矢量地图，所以我做了一些研究，在这里找到了这张： 但这一部分被划分为部门，比我需要的级别多了一个级别，所以我尝试将这些部分划分为区域 你知道怎么做吗 谢谢在文本编辑器（如记事本++）中打开文件，搜索并用#f4e2ba替换#808080。这将使所有细线的颜色与背景相同，因此不可见。谢谢，实际上我下载了InkScape，并用它打开了它，发现了如下图层：区域、部门等。无论如何谢谢你

从我的链接中，你可以在地图上选择不同的地区，在你重新选择以前选择的县之前，一切似乎都正常。与每个路径一起存储的数据值决定了它是选中的还是未选中的。我在更改元素数据方面没有问题，但是我找不到一种方法来存储最后一个选择的元素，我可以更改它的元素数据。这意味着我首先必须单击上一个县，将其元素数据设置为notSelected 首先我定义var currentcountyselected=；。这允许我存储路径[arr[This.id]].name；。当我单击一个新路径时，我可以使用$+currentcou

我只是盯着processing.js看，我遇到了麻烦，因为每次我旋转一个图像，它也会改变它在屏幕上的位置。因此，处理似乎要做的是，围绕我让它放置的点旋转我的图像，而不是先围绕自己的轴旋转图像，然后将其放置在我让它放置的位置（我认为不能以这种方式/顺序进行） 这是密码 PShape s; float angle = 0.1; //rads s = loadShape("sensor.svg"); s.rotate(angle); //I change this angle manually or

我喜欢的灵活性，但在某些情况下，它的低级api很难使用。基于d3.js的高级图表库有哪些？到目前为止我知道了。像你一样，D3给我留下了深刻的印象，但我发现它很棘手 我见过的最好的D3图表库是。我一直在测试它，但还没有在愤怒中使用它 目前我正在研究的理论是，要想从D3中获得最佳效果，你需要对JavaScript有很强的理解，因此我正在复习我的，我发现这非常有用。看看谢谢，在这方面发布一个答案，我会接受我喜欢的短语“还没有在愤怒中使用”。

我有一个简单的svg元素 <svg height="100" width="710"> <rect width="700" height="50"/> <rect width="70" height="50" style="fill: rgb(0, 0, 255);"> <text y="0" style="fill: white;">-0.123994</text> </rect>

我试图在按下按钮时交换图形的轴（svg:lineelements）。 我希望这种转变像时钟的刻度盘一样发生 线路 d3.select(".yAxis").transition().duration(500).attr("transform", function() { var value = invert?0:90; return "rotate("+value+" "+x1+","+y1+")"; }); 正在同时进行平移和旋转，这不符合我的目的 我希望直线只围绕（x1，y1）旋转

我想在拉斐尔的路径构造函数方面得到一些帮助。我不知道如何从一点到另一点画一条直线。 我有 我想从点1（100 0）到点2（30 100）这很简单： var line = paper.path( "M100,0 L30,100" ); 您还可以用数组构建路径，这在某些情况下非常有用 var line = paper.path( ["M", 100, 0, "L", 30, 100 ] ); M=“移动到”和L=“行到”。路径语法完全基于指令。如果您想要完整的命令列表，请访问w3c规范。还值得注

嗨， 我想生成一个看起来像附加图像的SVG。我遇到的最大问题是不同的笔划颜色——顶部较深，底部较浅。 有没有关于如何实施的想法？ 谢谢您想要一台线性收音机。有一个，你必须为你的用例选择合适的颜色，但是你可以在那里使用界面进行实验。我不是说按钮本身的渐变，而是说按钮边框的渐变。渐变就是渐变就是渐变。使用矩形并在其笔划上添加渐变。

我想有一个白色的外发光黑色文本，以便在彩色地图上可读。这是我过去常做的事： <defs> <filter id="label-glow"> <feGaussianBlur stdDeviation="1" /> </filter> </defs> <text stroke="white" stroke-width="5" filter="url(#label-glow)">Harald's Repose<

我有一个来自Inkscape、Illustrator或任何其他应用程序的SVG文件。我想将形状转换为lineto，moveto，curveto格式 我想要的是： ./Appname svgfile outfilewithpath 我将SVG文件作为参数，然后我的应用程序将对象转换为相应的路径。Inkscape有一个命令行界面。请与一起使用以供参考： ObjectToPath动词将对象转换为路径： inkscape filename.svg --select=myobject --verb=Ob

我使用D3.js创建了一个太阳系的数据可视化。 在这样做的过程中，我注意到在设置圆元素的x、y位置和圆元素或曲线路径元素的半径时存在一种奇怪的不一致性。 要将行星放下，我需要： planetEnter.append("circle") .attr("r", function (d) { return planetScale(d.radius); }) .attr("class", "body") .attr("fill", "url(#gradePlan

正如标题所说：使用D3.js，是否可以转换线性渐变的颜色 例如，如果我有这个梯度： var gradient = svg.append("svg:defs") .append("svg:linearGradient") .attr("id", "gradient") .attr("x1", "0%") .attr("y1", "0%") .attr("x2", "100%") .attr("y2", "0%") .attr("spreadMet

我在摆弄下面的小提琴： 它使用d3和SVG来呈现圆环图 var vis = d3.select("#pie-chart").append("svg:svg") .attr("width", w) .attr("height", h); 我需要申请/包括什么才能在IE 7和IE 8中实现这一点？ 目前它在IE9中工作。拉斐尔是一种选择还是我找错了方向？那些IE版本不支持SVG。你可以试试类似的东西。有关更多想法，请参阅已接受的答案。也许可以查看？有关示例，请参见 如果你想在旧的IE版本中使用它，

我正在尝试将SVG转换为PNG（或任何光栅格式），同时调整大小 我原以为我会使用ImageMagick来完成这项任务，但在调整大小之前，它似乎正在转换为光栅 这会导致图像质量差 有没有办法让ImageMagick在转换为光栅之前调整SVG的大小 或者，在调整SVG的大小后，是否可以使用其他工具以编程方式将其转换为光栅 或者，是否有其他工具可供我使用 目前我通过命令行使用ImageMagick： convert file.svg -resize 100x100 file.png 源图像“大小

然而，当从视网膜显示器观看时，文本边缘变得像素化。 如果我只使用文本而不屏蔽它，这是不会发生的，但是一旦使用了屏蔽，它就会破坏一切 编辑：我指的是视网膜显示，iOS和OSX都是最新版本。所有浏览器。我相信这可能是像素密度的问题 有趣的是，当你 <text fill='url(#mypattern)'>Welcome</text> 欢迎您 这篇文章非常完美。问题只在于应用了遮罩 这是一个JSFIDLE（请确保在支持视网膜显示的设备上进行测试） 这是一个在iPhone上显

我对SVG图形一无所知。 我有以下几点： <?xml version="1.0" encoding="utf-8"?> <svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0" y="0" width="500" height="500" xml:space="preserve" preserveAspectRatio="xMidY

我在我的网站中一直使用svg图形作为css背景，但无法让它们显示在我的网站上。有没有一种简单的方法来解决为什么会发生这种情况？我禁用了我网站上的所有css，除了驱动facebook图标css背景的规则？然而，这并没有产生效果，图形仍然隐藏？当我用png图形替换svg时，图标显示良好 有关网页载于： 我在本地机器上的测试html页面上使用了相同的代码，svg图形显示得非常完美。我能做些什么来解决这个问题吗？在我编写的代码中是否存在与浏览器的svg功能冲突的地方 这是html <div>

我有一个由GraphViz工具生成的SVG网络图（节点和边）。我想让这个图在某种意义上具有交互性，它应该是可拖动的，点击一个节点，其他一些要隐藏的节点，等等。有谁能说snapSVG就足够了？我不能向SVG图中添加任何我的限制。如何使现有的svg图强制定向？任何帮助、起点、小提琴都会有帮助。我在d3.js中有经验，d3.js可以实现吗？这应该是可能的，也许要知道Snap.svg与旧浏览器不太兼容（在这种情况下，你可以看看Raphael，它是Snaps的哥哥，d3也是非常成熟的）。他们都有所有的基础

我有一个d3.js图表，其中有许多文本字符串，如果太长，则需要截断这些字符串 根据我的研究，在svg中处理文本截断的方法似乎是： 使用SVG clipPath 使用SVG getBBox（）并循环截断字符，直到边界框小于max 只需使用最大字符长度的最佳猜测并截断字符串 也许可以使用foreignObject将HTML对象插入图表，然后使用css 我正在考虑选项1，并且正在努力 是否有方法创建特定维度的clipPath，然后为多个svg:g或svg:text元素引用该clipPath，并将cli

这周我一直在研究瓦丁图表，我发现了一个我无法解决的问题。我需要发送几个图表到一个PDF生成（使用iTextpdf），我可以使用SVGGenerator。主要问题是我无法使用此解决方案，因为最终的笔记本电脑不允许任何安装，并且SVG生成器需要Phantomjs（也不能安装任何附加组件）。我试图找到一个不同的解决方案，将图表内容转换为我可以管理的文件或缓冲区，但我想我已经阅读了太多的帖子，我无法区分解决方案 因此，我将首先尝试澄清基本问题： a） 是否可以在笔记本电脑中不安装任何设备就管理SVG生成

我正在维护一个需要在各种浏览器上显示SVG的企业web应用程序。在不同部署的服务器（Websphere、Weblogic）上进行测试时，我们发现IE10/11将在获取请求实际svg内容之前发出HEAD请求 <object data="testSVG.svg" type="image/svg+xml" width="1250" height="750" id="mySVGObject"> <h1>Put optional fallback conte

我需要更改sprite文件编译到的目录 我只是想第一次把我的头绕过去。我们的目标是将scss文件包含在我的sass目录中，然后与我的其余部分一起编译-这部分工作正常。但是，生成的svg目录也被放入sass目录中，因此我最终得到： - theme -- sass ---- _sprites.scss ---- svg ------ sprite.css-58jkdf8js.svg -- css ---- styles.css 当我真的需要这个的时候： - theme -- sass ---- _

通过使用rapheal，我成功地沿路径制作了动画，但我无法反转动画方向，，，只是如何在单击同一路径时将动画设置为另一个方向 var paper = Raphael(0,0,1024,768); var pathOne = paper.path(['M', 15,15 , 100,75]).attr({'stroke-width':18}).data("id",1); //and this is just the circle var circle = paper.circle(0, 0,

我正在使用Dart（dartlang.org）生成一些SVG图像。 大多数东西都能工作，但我在添加渐变时遇到了困难 我有一个SvgSvgElement定义如下： SvgSvgElement svg = new SvgSvgElement(); SvgElement defsElement = new SvgElement.tag('defs'); svg.append(defsElement); var str = ''' <linearGradient id="def_2"

我想使用SVG创建一个XSLT模板来生成系统中订单的PDF。我的想法是，我有N个顺序位置（比如3到10），我希望逐行显示，在最底层的行和通常的总行之后有一条水平线 下面是一个例子： 我的问题是，我无法找到如何定位水平线和相对于上一个订单位置行的最终总行。以下是我目前掌握的情况： 单层 $50 4. $200 单层 $25 3. $75 双层 $45 3. $135 三层 $65 1. $65 全部的 11 $475 我绝对不是专家，所以任何建议都非常感谢。我想我可以用类似于DIV的东西来

我正在尝试将3个图标从“超级字体”堆叠到彼此相邻的位置。请参阅以供参考。我知道font awesome有一个stack类，但它似乎只有两个图标堆栈，并且正好位于彼此的顶部。此外，我希望个别图标有一个在屏幕区域的背景，使这些地区是剪辑，而不是重叠。 我应该创建一个新的svg并使用它，还是走css路线值得努力。 谢谢我认为新的SVG是您最好的选择 参考您的图像，请注意图标是透明的，如果fa笔记本电脑和fa移动图标不在笔记本电脑屏幕上可见，您将无法将fa笔记本电脑堆叠在fa桌面和fa移动图标的前面 这

我的最终目标是画一个有条纹的生物，比如a，a，或者a 假设我已经有了一个描述生物轮廓部分的路径元素，特别是我有了这个片段（第一张图像中的红色部分）： 现在我想创建一些新的路径元素来为生物添加条纹。我需要这些路径的顶部与现有的轮廓路径重合，或者至少离人眼足够近（第二张图片中的绿色部分，如果你能辨认出来的话） 这是我家用电脑上的一个爱好项目，因此到目前为止，我的开发环境是绘制初步模型，使用Notepad++编辑SVG代码，使用Chrome浏览器查看结果。如果结果值得，我并不反对安装其他工具

我在Angular 2模板中尝试了以下代码： <ul class="products"> <li *ngFor="#p of products"> <svg width="200" height="100" xmlns="http://www.w3.org/2000/svg" xmlns:svg="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/19

我有一个简单的angular2组件： import {Component} from 'angular2/core'; @Component({ selector: 'circle', template: `<svg height="100" width="100"> <circle cx="50" cy="50" r="40" stroke="black" stroke-width="3" fill="red" /> </sv

我正在尝试将SVG圆弧转换为一系列线段。背景是，我想使用（reportlab）[绘制一条弧 svg为我提供了这些参数（根据） rx、ry、x轴旋转、大圆弧标志、扫描标志、dx、dy 现在我需要确定弧后的直线，但我不明白如何将它转换成更有用的几何图形 如何确定椭圆弧的中心及其旋转？SVG椭圆弧非常棘手，我花了一段时间来实现它（甚至遵循SVG规范）。我在C++中得到了类似的结果： //----------------------------------------------------------

为什么我的X的SVG图像显示为空白 SVG不是空白的，它是白色的 您已经将整个SVG的填充设置为ffffff。只需使用所需颜色更新填充，即可在白色背景下显示“X” 我还在示例中添加了一个结束SVG标记，我认为这只是一个复制/粘贴错误

我想用创建一个图表。之后，我想创建一个pdf，其中使用JFreeChart中的图表。当我将图表保存为png或jpg时，图表的质量非常差。因此，我将图表保存为svg，并使用ApacheBatik将其转换为pdf。pdf中的质量很好，但我不能改变pdf中图表的位置 如何更改图表的位置？ 是否有更好的解决方案将图表生成为svg并放入pdf 以下是我如何将svg转换为pdf的代码： public void convertSVGtoPDF() throws TranscoderException,

为什么会有gdi的别名图形？甚至不要扩大规模。 如果我不缩放它，我想它就不会有别名。 用SVG画一个圆圈不会出现锯齿。我猜你说的“锯齿”是什么意思。GDI大约30岁。由于抗锯齿需要相当多的计算能力，因此它的支持从未被添加。从技术上讲，这是可行的，但是最好使用支持即时反走样的较新API，如Direct2D或至少GDI+ svg也是一种基于xml的文件格式。您不需要使用svg“绘制”任何内容，只需使用svg描述图像，然后使用一些渲染引擎（如cairo）对其进行渲染。如果使用普通GDI渲染svg，

如何仅用一条直线在中创建折线图？vega提供了一个示例：它有多行。没有提供单行示例 如何将此示例更改为只有一行？是否在下面规范的标记部分 { "$schema": "https://vega.github.io/schema/vega/v3.0.json", "width": 500, "height": 200, "padding": 5, "signals": [ { "name": "interpolate", "value": "li

在中，是否可以使用数据值的一个字段作为轴值，另一个字段作为标签 如果这是我的vega lite规范，那么该图工作正常，但在x轴上显示日期。如何在x轴上显示日期名称 { "$schema": "https://vega.github.io/schema/vega-lite/v2.json", "description": "basic line graph", "data": { "values": [ {"date":"2017-08-15", "dayNam

我正在尝试创建一个简单的svg路径，其形状为带圆角的三角形 我从这个三角形开始： Inkscape提供了一个选项，可以将路径的笔划转换为填充对象。有了这些，您可以： 绘制一个简单的三角形，并将“填充”设置为“无” 定义一个笔划，其宽度是要实现的圆角半径的两倍 设置笔划线条连接：圆形（填充和笔划对话框->笔划样式->圆形连接） 从菜单路径->笔划到路径中选择 设置为节点选择模式。现在可以删除内侧的所有节点。 再次将“填充”设置为“无”，然后根据自己的喜好选择笔划。 作为一个可重用的解决方案，

SVG有问题（我清除了所有与问题无关的内容）： 输出以以下内容结束： identify: non-conforming drawing primitive definition `path' @ error/draw.c/DrawImage/3284. 我已将问题缩小到第12行： clip-path="url(#SVGID_2_)" 清理SVG并不是一个真正的选项，因为用户将能够上传他们自己的SVG。因此，问题是： A） 为什么会这样 B） 是否可以对Imagemagick执行任何操作来解决

在笔记本电脑模型、手机模型或其他任何类型的模型中，我想插入一个外部图像，有没有像我这样的脚本PHP或javascript？我已经发现一些网站也在做同样的事情。我如何构建它？谁能给我一些建议吗 我的示例站点是您可以使用PHP图像处理库，如或。您可以在测量两幅图像中的角点后使用Imagemagick的透视失真 背景： 图片： 命令（Unix语法）： 如果在Windows上，请删除\before（和before），并将行尾更改为^ 结果: 您可以从PHP exec（）运行此命令，也可以用PHP

在上，我有一个SVG代码。SVG文件仅显示基本的常规字体类型。不过，我已经使用了所有字体变体（斜体、粗体、粗体、半粗体、深色） 我已经在文件和外部CSS中尝试了@import方法和link rel。这些将分别是 @导入url（“”） 我还研究了这一点，它是在SVG文件中使用@font-face方法设置的（尝试了粗体、常规等，但没有效果）： 代码段： @导入{font-family:'Vollkorn'，serif；src:url（'Vollkorn/Vollkorn Bold.ttf'）}

我有一个简单的2节点图： 平移，使直线的中心位于原点。按比例划一条线。将线平移回其原始位置 原始行长度为200。它需要变成200-2r=200-40=160 160/200=0.8，这就是我们需要应用的尺度

我试图建立一个简单的游戏教育的目的，我有问题，以正确的坐标绘制对象 我有一个我想使用的svg太空船，所以我用这个工具将它转换成画布路径系统 因为svg最初是在1000x1000平面上设计的，所以我必须应用缩放以达到所需的大小 // calculate scale, if size (r) has to be 40px then 40px / original size (1000) = 0.04; var size = r / 1000; ctx.scale(size, size); // ap

在我的Angular应用程序中，用户可以将图像插入到SVG形状中，并以交互方式对图像应用变换。默认情况下，图像将填充形状 它工作得很好，除了一个非常恼人的问题： 这个形状没有笔划 图像的一侧比另一侧暗得多 当满足这些条件时，在图像较亮的形状一侧会出现一条非常细的线。例如，如果图像的底部比顶部暗得多，则细线将出现在形状的顶部。这条线来自图像的另一侧，好像图案试图重复。我知道图像模式没有什么比no repeat属性更好的了，所以我设置了以下模式属性以避免重复： <pattern patte

我在Symfony 5上创建了一个项目。当我运行“纱线构建”时，我在网页中收到一个错误。几天之后，我试图修复它，但没有成功，所以我决定寻求一些帮助：） 这就是我得到的错误： 我在webpack.config中启用了postsssloader，并在根目录中创建了postss.config.js .enablePostCssLoader() postss.config.js文件 module.exports = { plugins: [ require('autoprefixer'),

TLDR:我正在尝试确定是否值得花一些时间掌握SMIL。官方的说法（至少从Blink开始，但可能不是从Gecko开始）似乎是这种动画技术在功能上不受欢迎。。。但现实表明，事实并非如此 我想学习SMIL，因为它给我的印象是一种优雅的技术——但我不希望今年花几个月的时间学习一些一两年后就会过时的东西 问题：是否值得学习SMIL 几年前，大家一致认为，SVG的动画语言SMIL（同步多媒体集成语言）将被弃用： 2015年4月，Blink团队写道： “我们打算不推荐SMIL动画，而支持CSS动画和Web

我从SVG制作了一个徽标，它看起来和工作都很好。唯一的问题是，当我进入dev工具，然后使用selectanelement工具时，它还将SVG图像中的元素显示为单独的元素，而不是SVG作为单个元素。我正在使用嵌入标记，以便加载自定义字体。有没有办法使SVG显示为一个图像而不是多个元素？谢谢大家! 如果您将代码交付到前端，那么它将是可扫描的。你可以把它放在一个img标签中，但是任何知道他们的东西的人都会在一个新标签中打开svg，然后扫描它。也许你真正想要的是png或jpeg.Ok。安全性没有问题，只