Tag: svg

与背景图像的三angular形状

我正在做一个项目，要求两个三angular形来保存背景图像，并成为链接。 这是我的模拟如何我想要两个三angular形。 目前，我只有两个跨越900×600的div，每个三angular形作为背景图片。 我现在遇到的问题是我不能将鼠标hover在Cinema div的透明部分上，以达到照片div。 我可以用css3三angular形完成这个devise，并设置它们的背景图像吗？ 我一直认为自定义形状是由边框组成的，边框颜色。 是否有可能做css3三angular形，如果是的话，有人可以帮我的代码？ 这是我目前有的。 .pageOption { position: relative; width: 900px; height: 600px; } .pageOption .photo { position: absolute; top: 0px; left: 0px; width: 900px; height: 600px; background: url('..http://img.dovov.commenuPhoto.png') no-repeat 0 0; } .pageOption .cinema { position: absolute; bottom: 0px; right: 0px; width: 900px; height: 600px; background: url('..http://img.dovov.commenuCinema.png') no-repeat 0 0; […]

在Python中将SVG转换为PNG

如何在Python中将svg转换为png ？ 我将svg存储在一个StringIO的实例中。 我应该使用pyCairo库吗？ 我如何编写代码？

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

有一种方法可以让用户在使用浏览器在javascript svgcanvas上创buildvectorgraphics后，将该文件下载到本地文件系统中？ SVG对我来说是一个全新的领域，所以如果我的措辞不准确，请耐心等待。

波形（或形状？）与CSS3的边界

我需要用CSS3实现一个波形 ，我试图用CSS3 Shapes实现，但是我还没有达到预期的结果。 * { margin: 0; padding: 0; } body { background: #007FC1; } .container, .panel { border-bottom: 4px solid #B4CAD8; } .container { background-color: #fff; } .container > .text { padding: 0.5em; } .panel { position: relative; float: right; width: 200px; height: 40px; margin-top: -4px; background-color: #fff; line-height: 42px; text-align: center; } .panel:before […]

使用JavaScript，我可以更改SVG <g>元素的Z索引/图层吗？

比方说，我有几个复合形状（ <g> ）。 我想能够点击并拖动它们，但是我想要的是我现在正在拖动的那个在Z顺序中位于另一个的顶部，所以如果我把它拖到另一个的另一个上，另一个一个应该黯然失色。

在HTML5canvas上绘制一个SVG文件

是否有一个默认的方式来绘制一个SVG文件到HTML5canvas上？ Google Chrome浏览器支持将SVG加载为图片（并简单地使用drawImage ），但开发者控制台会警告将该resource interpreted as image but transferred with MIME type image/svg+xml 。 我知道有可能将SVG转换为canvas命令（就像这个问题一样 ），但我希望这不是必须的。 我不在乎旧的浏览器（所以如果FireFox 4和IE 9将支持的东西，这是够好的）。

如何将PNG图像转换为SVG？

如何将PNG图像转换为SVG？

SVGanimation不适用于IE11

我有一个非常简单的加载animation，完美的Firefox和Chrome浏览器，但在IE11它没有显示SVG的数字。 这里是完整的例子： JSFiddle示例 SVG： <svg class="circular-loader" viewBox="25 25 50 50"> <circle class="loader-path" cx="50" cy="50" r="20" fill="none" stroke-width="2" stroke-miterlimit="10"/> </svg> animation，这是一个旋转，在IE11上工作，但SVG，这是一个圆形，没有被显示。 任何想法？ 我只是无法弄清楚什么不被IE11支持。

如何检查一个embedded的SVG文档是否加载到一个HTML页面？

我需要编辑（使用JavaScript）一个embedded在HTML页面的SVG文档。 当SVG加载时，我可以访问SVG及其元素的dom。 但是我无法知道SVG dom是否准备好，所以我不能在加载html页面时在SVG上执行默认操作。 要访问SVG dom，我使用这个代码： var svg = document.getElementById("chart").getSVGDocument(); 其中“图表”是embedded元素的ID。 如果我在html文档准备就绪的时候尝试访问SVG，就这样： jQuery(document).ready( function() { var svg = document.getElementById("chart").getSVGDocument(); … svg始终为空。 我只是需要知道什么时候它不是空的，所以我可以开始操纵它。 你知道有没有办法做到这一点？

VectorDrawable – 它是否可用于Android的前棒棒糖版本？

背景 我注意到Android现在支持某种vector绘图，通过一个名为“ VectorDrawable ”（也AnimatedVectorDrawable ，BTW）的类。 通过查看Android-Studio上的新function，我发现了这一点。 我不知道这是否将多个文件放入多个文件夹（ mdpi ， hdpi ， xhdpi等）的xhdpi 。 这将是伟大的，可能会减less在某些情况下的应用程序大小。 问题 我想问几个关于这个新class级的问题： 是否有可能在较旧的Android版本中使用它，也许是通过甚至Google支持库的库？ 我不熟悉它是如何工作的，但棒棒糖可以处理SVG文件吗？ 它可以做任何可以实现的SVG文件？ 有没有使用它的示例/教程/video，除了我发现的文档？