草庐IT

html - 我可以包含外部 SVG defs

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

html - 滚动时保持 SVG 对象静态

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

html - 将方形 svg 放置在屏幕中央,缩放它以适应屏幕的宽度和高度,但有一些限制

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

javascript - 动态更新 SVG

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

jquery - 将模糊滤镜应用于 svg 图像的特定区域

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

html - SVG 转换 - 水平翻转

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

html - 如何合并 svg 中的两个形状?

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

html - SVG 图像未显示在 html 电子邮件中

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

html - 如何在 ems 中缩放 SVG 多边形?

我嵌入了一个元素直接在HTML5文档中,我想根据页面的字体大小缩放重复的背景图案。没问题,SVG支持CSS单位,所以我可以指定ems的大小,对吧?SVG规范claims“SVG中的所有coordinates和lengths都可以使用或不使用单位标识符来指定。”事实上,这两者都完全符合我的期望:但是多边形(例如)有自己的completelydifferentdefinition“坐标”这个词,这样会引发错误,而不是绘制一个1em的三角形:Paths方式相同-可以理解,因为他们已经将这些字母用于不同的目的。和transformations例如“scale”需要一个“数字”,而不是“坐标”或

javascript - 在 HTML5 中使用 JS 创建内联 SVG

我正在处理一个本地HTML5文件——它有在顶部。我在里面放了这样的东西:(没有namespace,感谢HTML5!),它在Chrome和FF4测试版中显示效果很好。现在我想通过JS创建相同的东西。我正在使用Prototype,所以我写了类似的东西:varbox=newElement('svg',{'width':'3em','height':'2em','preserveAspectRatio':'none','viewBox':'00100100'});box.appendChild(newElement('rect',{fill:'red',x:'0',y:'0',width:'1