stroke-dasharray

0热度

2回答

我使用D3js，我已经绘制的作品 like this图（编辑：以JSON数据的新小提琴）实际上，我使用的是外部我的数据的JSON文件。 var data=[{name:'fruits', value:2},{name:'veggies', value:3},{name:'milk', value:5},{name:'empty', value:0}]; 我的问题是，当我用不同的分辨率在另一个

0热度

1回答

SVG stroke-dasharray在一个多边形上导致开始的角落出现断开连接

我有一个SVG多边形，我正在尝试为该笔划设置动画，但是我有一个问题，我无法让所有四个角都显示为一旦我开始使用stroke-dasharray加入在一起。下面是一个例子： svg { overflow: visible; width: 300px; } polygon { fill: none; stroke: #E1B87

1热度

2回答

如何创建SVG方4 triagle

我需要创建一个SVG形状，用这种样子的：我试图与性能中风dasharray和中风dashoffset来实现此，但我做不到。例子： http://jsfiddle.net/L9y6Ld97/ CSS： @import url(https://fonts.googleapis.com/css?family=Roboto:300,400,500); * { -moz-box-sizing

0热度

1回答

SVG在滚动笔画动画（CSS和jQuery）不工作在Firefox和IE浏览器 - 工作在Chrome，Safari，Opera

因此，我在滚动上使用以下代码进行SVG动画。该代码似乎可以在Chrome，Safari和Opera浏览器中使用，但我不知道为什么笔画动画在Mozilla Firefox和IE中不起作用。这里举例：jsfiddle <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>SVG animation

2热度

2回答

SVG stroke-dasharray的旋转破折号

我正在寻找动画SVG stroke-dasharray的单个破折号的旋转，有谁知道如何，因为它是可能的吗？我意识到我可以用CSS'transform:rotate()旋转SVG元素的整个对象，但是有什么办法可以旋转单独的破折号吗？我也意识到我可以重新创建所有使用单个元素并旋转它们，但这并不是我想要做的，因为性能和简洁的原因 Here's a demo如果您正在寻找一个。我希望广场在它们的位置保持

2热度

1回答

SVG行程stroke-dasharray打印不正确为PDF

打印行与stroke-dasharray以PDF创建不同的行为，请看看image这里。图片A，我直接从浏览器（Chrome）中截取的截图。图片B，是从同一页打印的PDF。请注意图片B中的差异，破折号之间存在细线，这发生在Chrome或PhantomJS（可能是webkit相关？），并且不会发生在Firefox中。我想要做的是将这种chart导出为PDF，但正如您所看到的strokoe-d