程序设计 svg

11

Android上的SVG支持

Android是否支持SVG？有什么例子吗？

79 android svg

16

如何将svg canvas保存到本地文件系统

使用浏览器在javascript svg画布上创建矢量图之后，是否可以允许用户将该文件下载到其本地文件系统中？ SVG对我来说是一个全新的领域，因此如果我的措辞不正确，请耐心等待。

78 javascript svg save filesystems local

10

IE9-10中压缩了SVG的背景大小

我有一个div设置了背景图片： <div>Play Video</div> 使用以下CSS： div { background-image: url('icon.png'); background-image: url('icon.svg'), none; background-size: 40px 40px; background-repeat: no-repeat; background-position: 90% 50%; padding: 20px; width: 150px; } 在Firefox，Safari和Chrome浏览器中会尊重背景尺寸。在IE8中，SVG替换为PNG文件。但是，在IE9和IE10中，SVG文件的大小已大大缩小。问题似乎与div的宽度和高度有关。如果我添加150px的高度，则SVG会正确呈现。如果将其缩小（即100px），图形将开始缩小。是否有人在资源管理器中找到解决此问题的方法？有没有办法告诉IE独立于div的宽度和高度使用背景大小值？

78 css svg internet-explorer-9 internet-explorer-10 background-size

5

辅助功能：SVG和MathML的推荐替代文本约定？

总览 HTML5现在允许使用HTML文档<svg>并<math>使用HTML文档进行标记，而无需依赖外部名称空间（请参见此处的详细介绍）。两者都有自己的alt属性类似物（见下文），今天的屏幕阅读器软件实际上已将其忽略。因此，盲人无法访问这些元素。是否有计划为这些新元素实施标准的替代文本约定？我已经搜索过文档，并且干了！进一步的细节关于SVG：可以将SVG的替代文本视为根目录title或desc标记的内容。 <svg> <title>An image title</title> <desc>This is the longer image description</desc> ... </svg> 我找到了一个这样阅读的屏幕阅读器，但这是标准吗？以前的插入SVG的方法也存在可访问性问题，因为<object>屏幕阅读器会不一致地对待标签。关于MathML： MathML的替代文本应存储在alttextattribute中。 <math alttext="A squared plus B squared equals C squared"> ... </math> 由于屏幕阅读器似乎不承认这一点，因此数学渲染库MathJaxaria-label在运行时将文本插入属性。 <span aria-label="[alttext contents]">...</span> 不幸的是，NVDA，JAWS和其他工具也无法可靠地读取这些标签。（有关WAI-ARIA的更多信息）关于这两个方面：由于在很大程度上不受支持的ARIA属性缺乏成功，我尝试使用title属性。这些“外国” HTML元素似乎也被忽略了。包起来我正在寻找一种推荐的方法，以在这些新的HTML元素上放置替代文本，而不只是快速的技巧。也许我忽略了W3C规范？还是在游戏中还为时过早？

78 html svg accessibility mathml alt-attribute

1

如何将颜色应用于SVG文本元素

好吧...我要疯了。我已经开始尝试SVG。使用SVG并将CSS类应用于它就像是一种魅力。我只是不知道自己在做什么错，但我只是无法让该类在svg文本元素上工作。我已经将其完全剥离，这就是我得到的： <!DOCTYPE html> <html> <head> <meta charset='UTF-8'> <title>Playground</title> </head> <body> <style type="text/css"> .mainsvg { height: 320px; border: 1px solid red; width: 400px; } .caption { color: yellow; } </style> <h2>SVG - Sandbox</h2> <div> <svg xmlns="http://www.w3.org/2000/svg" version="1.1" class="mainsvg"> <text x="65" y="40" class="caption">Fact</text> </svg> </div> </body> </html> 根据http://www.w3.org/TR/SVG/styling.html#ClassAttribute，这应该有效... 关于更改内容或替代方法的任何提示/技巧？

78 html css text svg

2

使用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或如何创建要传递给appendChild的元素不是很熟悉，因此请帮助我解决这个问题，或者向我展示解决该问题的其他替代方法。非常感谢。

78 javascript html dom svg

7

WPF在WPF中将SVG文件用作图标的正确方法是什么

有人可以描述推荐的逐步操作步骤吗？编辑：第1步。将SVG转换为XAML ...就这么简单第2步。怎么办？

78 wpf svg

8

使用JavaScript更改SVG图像颜色

我正在尝试使用javascript更改svg图像颜色。这可能吗？我可以将其加载为对象，然后以某种方式访问颜色/图像数据。每一个回应或提示都将受到高度赞赏！

78 javascript svg

4

如何使用html5和（画布或svg）绘制网格

我想绘制一个如图所示的网格，但是我完全不知道应该从哪里开始。我应该使用SVG还是将Canvas与HTML5一起使用以及如何绘制。请对此进行指导。我希望此网格在其上绘制矩形，圆形或其他图表，然后我将计算该图表的面积，例如正方形的面积。

77 html svg html5-canvas

11

SVG中的简单填充模式：对角阴影线

如何填充SVG形状，而不是用单色，图像或渐变色填充，而是用阴影线图案填充（如果可能）。已经两个小时了，但我什么都没发现（至少在2005年之后）。我认为可能的破解方法是将阴影填充的PNG用作填充，但这并不理想。

77 svg

3

Snap.svg vs Svg.js [关闭]

已关闭。这个问题是基于观点的。它当前不接受答案。想改善这个问题吗？更新问题，以便通过编辑此帖子以事实和引用的形式回答。 6年前关闭。改善这个问题我试图为现代浏览器找到合适的SVG库。我的目标是确定哪种库适合使用例如创建简单的在线SVG编辑器。文本和路径编辑和剪切带有路径的文本。我发现两个库，其可以是合适的：Snap.svg和Svg.js。快照 Github：https : //github.com/adobe-webplatform/Snap.svg 源代码行：6925 Github星星：3445 文档：http ://snapsvg.io/docs/ 入门：http ://snapsvg.io/start / 入门示例（JSBIN） var draw = Snap(800, 600); // create image var image = draw.image('/images/shade.jpg', 0, -150, 600, 600); // create text var text = draw.text(0,120, 'SNAP.SVG'); text.attr({ fontFamily: 'Source Sans Pro', fontSize: 120, textAnchor: …

76 javascript svg snap.svg svg.js

1

如何将svg代码另存为.svg图像？[关闭]

在这里很难说出要问什么。这个问题是模棱两可，含糊，不完整，过于宽泛或夸张的，不能以目前的形式合理地回答。如需帮助澄清此问题以便可以重新打开，请访问帮助中心。 8年前关闭。如何将以下svg代码另存为.svg图像 <svg width="100%" height="100%" version="1.1" xmlns="http://www.w3.org/2000/svg"> <defs> <linearGradient id="fill" x1="0%" y1="0%" x2="0%" y2="100%"> <stop offset="0%" style="stop-color:rgb(224,224,224);stop-opacity:1"/> <stop offset="100%" style="stop-color:rgb(153,153,153);stop-opacity:1"/> </linearGradient> </defs> <path d="M 0 0 L 64 0 L 32 64 z" stroke="colourname" fill="url(#fill)"/> </svg> 任何帮助，将不胜感激。谢谢。

76 svg

12

在Android上使用SVG图标的最佳做法是什么？

我即将创建我的第一个Android本机（不是基于浏览器的）应用程序，并寻找一些有关图标创建/配置的良好实践。由于它应该支持多种设备/分辨率，因此我认为最好使用SVG来创建它们。至少有一个库：http : //code.google.com/p/svg-android/，它承诺在Android上提供对SVG的支持。到目前为止，我还没有发现描述此库或另一个库的用法的资源，该方法可以在设备上呈现SVG图标，因此我不太愿意使用它。到目前为止，我所看到的最好的方法是使用SVG作为以不同分辨率预渲染基于png的图标的源格式。所以我的问题是：SVG图标是直接在设备上使用而无需进行png预渲染步骤的好选择吗（完全可行），如果没有，为什么没有人使用这种方法？

75 android svg icons

6

在SVG中画一个空心圆

我不确定如何在SVG中绘制空心圆。我想要一个充满颜色的环形，然后有一个黑色的轮廓。我想到的方式是有两个圆，一个圆的半径小于另一个圆。问题是，当我填充它们时，如何使较小的圆与它所在的位置具有相同的填充颜色？

75 svg

5

有没有从SVG文件创建SVG路径的工具？[关闭]

关闭。此问题不符合堆栈溢出准则。它当前不接受答案。想改善这个问题吗？更新问题，使其成为Stack Overflow的主题。 2年前关闭。改善这个问题有谁知道可以获取SVG文件并将其转换为HTML 5 SVG路径的工具？你知道d="M 0 0 L 20 134 L 233 24 Z" fill="#99dd79"吗？我在这里：使用Adobe Illustrator通过“移至”命令创建SVG路径但不确定。这是否意味着Illustrator可以进行任何行拖拽并将其另存为SVG路径？注意：是的，有inkscape，但是如果可能的话，我正在寻找渐变和遮罩支持。我希望能够利用.ai文件，并使用illustrator或Acrobat或诸如此类的东西来导出它们……那里有东西吗？还是作为输出格式内置在Illustrator或Acrobat中？

75 html svg adobe-illustrator

Questions tagged «svg»