我有一个SVG图(有点复杂)，它是使用php和数据库中的一些数据生成的。在那种情况下，我无法预测svg和任何东西上标签的长度。图表是即时生成的，数据总是未知的。这就是为什么，我从这个开始:我正在设置巨大的View框(1000,1000)，然后我开始在该View框中间的某处生成SVG。在那之后，一些元素有时靠近左边，另一个靠近顶部，例如在底部我有200个空白矩形。是否有任何选项可以自动裁剪SVG中的空白以匹配内容？我有一种直觉，我的想法不好，我遗漏了一些东西或做错了一些事情。假设这可以作为最终产品的示例(版权维基百科):http://upload.wikimedia.org/wikipe

我想在嵌入网页的svg中使用自定义字体。使用setattribute我可以使用Arial...字体。我认为那些字体嵌入在浏览器中，我可以使用它。但是我该怎么做才能使用自定义字体呢？在Firefox中，当我在css中使用例如@font-face....@font-face{font-family:"ITCGothicBold";src:url('fonts/ITCGothicBold.ttf')format("truetype");}该字体系列适用于Html网页。另一方面，例如，在svg文本中:HELLO例如，我想使用ITCGothicBold.ttf。使用setattribute我可以

我创建了以下SVG图标:当包含在内联时，我可以使用重用图标标签如下:问:是否可以将defs作为外部文件包含在内？ 最佳答案 如果您想通过use包含外部SVG元素，只需指定正确的IRI。在xlink:href属性中。如果你使用像#something这样的IRI，你指的是同一文档中的一个元素，它有something作为id，如果你需要得到来自不同文档的外部元素，您可以使用类似external.svg#someotherthing的东西，这样IRI会指示存在idsomeotherthing的元素在名为external.svg的文件中。

在我的网络应用程序中，我生成了一个SVG文件，其中包含一个“标题”，当用户向下滚动图像时，我希望它在窗口顶部保持可见。我可以想到两种方法来实现这一目标，但我正在寻找任何其他好的想法。我的两个想法是:生成两个单独的SVG，一个是“标题”，一个是内容，然后简单地以两种不同的HTML显示它们元素，允许下面的元素滚动。我不喜欢这个想法，因为我必须生成两个单独的文档。在SVG本身中使用ECMAScript并找到一种方法来float包含页面顶部的标题。我喜欢这个，因为无论何时查看SVG，它都应该可以工作，但我不确定如何实现这一点，如果有任何指示或示例，我将不胜感激。 最

这似乎是一个愚蠢的问题，可能是一个骗局，但我暂时找不到好的解决方案，所以终于敢问了。我想放置一个html文档中的元素并满足以下要求:图像放置为html5元素，而不是外部svg文件。(其实我想用D3.js动态生成。)图像垂直和水平放置在屏幕中央。图片的实际大小不应超过某个预定义的值(如15cm×15cm)。如果当前屏幕的宽度或高度小于15cm，图像应该以适合屏幕的方式缩放(保持纵横比)。图像的任何部分都不应被剪裁。图片应该放在中间。基本与thisarticle中描述的要求相同.它说我应该使用preserveAspectRatio="xMidYMid"，但没有给出有关如何执行此操作以及它如

我在svg中有一些对象可以被用户点击。有没有办法:-将有关用户单击的对象(id)的信息发送到“主html文档”？-从svg文件中的外部文档绘制。可能，我的描述不清楚，...我想实现这样的东西:用户点击svg-image中的任何对象；主文档将收到被点击对象的ID并且:显示有关该对象的一些信息；在svg图像中绘制其他对象。问题:如何从svg到document以及从document到svg进行通信？非常感谢，欢迎任何想法!附言SVG可能不是最好的方法？那有什么更好的呢？编辑:我看到了有关使用Raphael的建议，..但我希望看到“本地”选项。(目前我正在分析Raphaels的实现以了解这一点

我有一个非常复杂的动态创建的svg图像，它是使用jQuerySVG创建的.我想创建一个显示在Canvas中所有svg元素之上的“弹出”区域。要创建类似iOS7的现代半透明外观，我想对弹出区域下方的所有内容应用模糊滤镜。我希望能够动态设置此弹出区域的x、y以及宽度和高度属性。看看thisexample:在这种情况下，白色区域覆盖的所有内容都应该是模糊的。它应该看起来像这样:我找到了this，但这里使用了静态背景图像，我没有。为什么要用svg、css和jQuery来实现这个效果？ 最佳答案 这种方法怎么样？它使用起来有点困难，但它似乎适

我需要水平翻转这个SVG-在网上找不到任何东西。在这里:感谢任何帮助，干杯! 最佳答案 您可以设置一个转换来翻转事物，然后移动形状(因为它围绕原点翻转)。 关于html-SVG转换-水平翻转，我们在StackOverflow上找到一个类似的问题： https://stackoverflow.com/questions/43592987/

我有两种形状:圆形和矩形。想将它们转换成一个数字。有什么方法可以在SVG代码中做到这一点？像这样: 最佳答案 对于寻找如何将两个轮廓形状组合成一个轮廓形状(而不是在组合形状上放置阴影)这一实际问题的答案的任何人，这里有一个可能的解决方案:这实质上是绘制了从中切出矩形的圆，并绘制了从中切出的圆的矩形。当您将这些“冲压出”的形状一个放在另一个之上时，您会得到看起来像是一个轮廓形状的东西。SVG的实际作用如下:它定义了一个名为“canvas”的白色矩形，其大小与SVG相同。它定义了要组合的两个形状(“shape1”和“shape2”)。它

我已将svg图像嵌入到html电子邮件中。它显示在iphone和桌面mac邮件应用程序上，但没有显示在我的Mobileme网络邮件上。任何想法为什么？这是代码 最佳答案 对于可能对此感到好奇的其他人，我们进行了包含SVG图像的电子邮件设计测试。Theresultswereverymixed.虽然Apple和iOSMail等支持Webkit的客户端轻松通过了测试，但网络邮件和大多数桌面电子邮件客户端似乎并不想要它。电子邮件客户端支持绝对是在实现此类技术之前要牢记的事情。 关于html-SV