Tag: svg

将SVG转换为PDF: 如何将一个SVG文件转换为PDF编程？（我需要在生成PDF之前在某些方面改变SVG，所以只需使用工具预转换它就不够了。）理想情况下使用Java，但Perl或PHP也可以。显然我基本上是考虑Apache的FOP和Batik与Java。不过无论我search多长时间，我都找不到一个简单的介绍。像SVGConverter这样的描述，例如“定义可以转换部分或全部GraphicContext的类的接口”，但我不知道这意味着什么。我有这种感觉，必须有一个API可以很简单地做到这一点，由FOP或Batik提供，但目前我还找不到它（或者实际上它不存在）。就我所需要的支持的SVGfunction而言，该文件有一些path，它们被一些线性渐变填充。理想情况下，如果我可以通过SVG作为一个DOM文档，这将是理想的; 那么我会加载我的模板SVG文件，改变它的用户指定，然后生成PDF。

d3节点标签: 我一直在使用这个D3项目的示例代码来学习如何显示D3graphics，我似乎无法让文字显示在圆圈中间（类似于这个例子和这个例子）。我看了其他的例子，并试图添加 node.append("title").text("Node Name To Display") 和 node.append("text") .attr("text-anchor", "middle") .attr("dy", ".3em").text("Node Name To Display") 刚刚定义了节点之后，但我看到的唯一结果是当我将鼠标hover在每个节点上时，“显示的节点名称”正在显示。它没有显示为圈内的文字。我是否必须编写自己的svg文本对象，并根据圆的半径坐标确定需要放置的坐标？从另外两个例子来看，似乎D3已经在某种程度上关心了这一点。我只是不知道调用/设置的正确的属性。

将SVG转换为带有应用图像的PNG作为svg元素的背景: 我有一个外部的SVG文件，其中包含一些模式中的embedded式图像标签。每当我使用toDataURL()将这个SVG转换成PNG时，生成的PNG图像不包含我已经作为模式应用于某些SVGpath的图像。有什么办法可以解决这个问题吗？

SVG USE元素和：hover样式: 我试图使用CSS :hover伪类从<defs> <use>标签样式embedded从<defs>embedded的SVG元素，但它似乎不工作： – /这里是我的代码： <!DOCTYPE HTML> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en"> <head> <meta http-equiv="content-type" content="application/xhtml+xml; charset=utf-8"/> <style type="text/css" media="screen"> .active { fill: #0BE; } .active:hover { opacity: 0.8; stroke: #F0F; stroke-width: 4px; } .active2 #p2 { fill: #0BE; } .active2:hover #p2 { opacity: 0.8; stroke: #F0F; stroke-width: 4px; } #p2:hover { opacity: 0.8; stroke: #F0F; stroke-width: […]

d3添加文字圈: 我正在试图添加一些文字到圈子里。我一直在从http://mbostock.github.com/d3/tutorial/circle.html下面的例子，但无法得到正确的输出。代码片段是： var data; var code; d3.json("/json/trace.json", function(json) { data = json; console.log(data); // get code for visualization code = data["code"]; alert(code); var mainSVG = d3.select("#viz") .append("svg") .attr("width", 900) .attr("height", 900); mainSVG.append("circle") .style("stroke", "gray") .style("fill", "white") .attr("r", 100) .attr("cx", 300) .attr("cy", 300); circle = mainSVG.selectAll("circle").data([code]); }) ; 任何build议如何获得这项工作？非常感谢！

循环百分比进度条: 我想在我的网站上有百分比指标：在这种情况下，它显示了75％。这应该怎么做？我有一个图像文件中的黄色圆圈，但如果它更容易，一些如何做，所有使用CSS，这对我来说没关系。

使用DOM将SVG元素添加到现有的SVG: 我有一个类似于下面的代码的HTML结构： <div id='intro'> <svg> //draw some svg elements <svg> </div> 我希望能够使用javascript和DOM将以上定义的SVG添加到一些元素。我将如何做到这一点？我正在想 var svg1=document.getElementById('intro').getElementsByTagName('svg'); svg1[0].appendChild(element);//element like <line>, <circle> 我不是很熟悉使用DOM，或者如何创build传递给appendChild的元素，所以请帮我解决这个问题，或者告诉我有什么其他的select，我必须解决这个问题。非常感谢。

svg viewBox属性: 我正在从它的官方文档中学习svg，有这样的路线。我不明白，如果它已经有一个width和height属性，在viewBox="0 0 1500 1000"再次指定它有viewBox="0 0 1500 1000" ？据说“一个px单位被定义为等于一个用户单位，因此官方文档中”5px“的长度等于”5“的长度，因此该viewBox是1500px宽， 1000高度视图，超过300px和200px。那么为什么它首先定义了宽度和高度值呢？ <svg width="300px" height="200px" version="1.1" viewBox="0 0 1500 1000" preserveAspectRatio="none" xmlns="http://www.w3.org/2000/svg">