svg

0热度

1回答

想象有多个SVG图像<path> 是否有可能建立一个单一的fill="#abc"在SVG（未单独CSS）的HTML将适用于所有的路径（而不是将它添加到每个路径）？

0热度

1回答

我有许多形状，当我将鼠标悬停在它们上方时，我想要显示浏览器工具提示。但是，由于它们包含图像和标题文本，因此它们在每个内容上都重复相同的工具提示，因为它们在Z顺序中高于形状。我希望能把它们放在<defs>这样我可以重新使用它们。例如： <defs> <title id='t1'>This is my tooltip</title> </defs> <image ...etc...> <u

0热度

1回答

有条件地更改D3圈的背景图像

我想有条件地更改用D3创建的一些圆圈的背景，但我无法获得if else逻辑来正确挑选出正确的图片。代码直接到default.gif的最后else语句。我在控制台中看不到任何错误。所有图像与html文件位于同一目录中。 var diameter = 500, //max size of the bubbles format = d3.format(",d"), color = d

2热度

1回答

删除类的svg拖动事件监听器

我可以拖动，但我不能删除拖动。我读到那里，一旦我绑定“这个” 它传递一个新的函数，我需要做一些局部变量的欺骗。但似乎无法做到这一点。代码： // import "./general"; class Home { constructor() { this.svgContainer = document.getElementById("svg-container");

-1热度

1回答

Firefox的问题（火狐55.0.3）

Firefox将不显示SVG书正确占地面积... http://new.images.hindawi.org/kalimat/covers/svg/270x360/c/24972860.svg 比较上述火狐和Chrome的链接。它曾经在Firefox中显示得很好，但我认为最新的更新出了问题。如果有人知道这个问题的解决方案，它会很好。谢谢。

1热度

1回答

React js - 动态创建SVG

什么是最好的方法来生成SVG元素与多个嵌入式svg元素，并返回作为一个反应元素？我在寻找如下内容： let s1 = <circle cx="5" cy="5" r="10" stroke="green" strokeWidth="4" fill="blue" />; let s2 = <circle cx="50" cy="50" r="40" stroke="green" strokeW

1热度

2回答

扣SVG动画不工作

我试图用stroke-dashoffset和stroke-dasharray属性动画线。这是一个复杂的图与圆圈和线路连接器。我用Snapsvg，这里是我的身影，这是简化的，例如： <svg version="1.1" id="fImg" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="

0热度

1回答

从railroady创建PNG或PDF

我刚开始使用railroady gem。但我似乎不能够得到一个PNG或PDF文件我能够运行rake diagram:all，我得到我的SVG文件在./doc/目录，但我不知道如何将它们转换为PNG或SVG 我看到瘦文档railroady -C | neato -Tpng > controllers.png，但我不知道如何应用此。从我的项目的根这只是创建一个名为** controllers.pn

0热度

1回答

SVGs在按键+词

有一些基本的东西，我似乎缺少有关的按钮。在我的梦幻世界中，我可以有一行按钮，只有SVG，SVG +文本，或者只是文本，他们都住在同一个空间。 HTML： <div class="container"> <button><svg class="icon"><use xlink:href="#icon-twitter-retweet" /></svg></button> <butt

-1热度

1回答

滚动条仅在svg的按钮到达其容器底部时出现

我使用d3缩放svg。我只想显示滚动条，当svg的特定部分不可见（在我的例子中是两个矩形）。我的问题是，滚动条只有在svg的底线到达主体的底线时才会出现。我希望同样的顶线。在这幅图片上，黄色的背景到达了身体的底部，所以对于我来说它让人感觉得到滚动条。为什么滚动条不在的例子可见？该SVG的顶部是不可见的... 这里是JS斌，因为预计在＃1片断并不表现：http://jsbin.com/wew