svg

0热度

1回答

我创建了2个SVG，其中一个使用了vivius来勾画轮廓，另一个使用vivius填充轮廓！但是我不能让它在一个包装div中居中！这里是我的代码.... <div id="homeWrapper"> <div id="big-logo"> <div id="svg-wrapper"> <div id="svg-layer"> <svg id="CC

0热度

1回答

如何通过对象标签为SVG动画

通常情况下，我曾经用html嵌入SVG代码，用CSS3动画。但现在的问题是我有很多的标志和图标添加到一个单一的HTML页面。在这里，它看起来太多的源代码。这就是为什么我倾向于使用对象标记来减少源代码，但我不知道如何动画SVG与对象标记。下面的代码只是两个图标，它已经很多了。 svg:hover path { stroke-dasharray: 200; stro

0热度

1回答

ImageMagick为什么裁剪此SVG图像... U + 1F382字形的渲染

UPDATE SVG图像裁剪问题已被缩减为ImageMagick。也就是说，convert birthday_cake.svg birthday_cake.png在我的特定安装中，即在Ubuntu上生成了剪辑birthday_cake.png。我目前正在进一步调查。我的convert版本是6.7.7-10，我看到目前最新的版本是在7.0.7-8使可能是问题。原始的问题遵循我下载的SVG文件然

0热度

1回答

grunt-svgmin - 如何删除填充=“无”

我想配置grunt-svgmin以删除从Adobe Illustrator导出时自动添加到透明SVG的fill="none"属性。目前，我有以下配置： svgmin: { options: { plugins: [ { removeViewBox: false }, { removeUs

0热度

1回答

SVG为PDF。如何？

我想输出一个PDF格式的SVG文件。我尝试了一些方法，但我一直遇到问题。我用这个源作为参考： Convert SVG to PDF 和尝试以下操作： // Save this SVG into a file (required by SVG -> PDF transformation process) File svgFile = File.createTempFile("graphic-",

4热度

1回答

SVG未能大小适当的绝对定位的父

我遇到了一个问题，一个内联<svg>元素并不延伸到其原始尺寸，在其viewBox属性声明，当它被包裹在一个绝对定位的父：使用width: 100%似乎只会强制SVG延伸到浏览器定义的默认大小300px。这也会导致<img>未按其原始尺寸调整大小。使用width: auto使SVG由0像素完全折叠成0像素的尺寸，但<img>现在尺寸以它的天然尺寸有趣的是，这种行为可以通过使用SVG作为data

1热度

1回答

Angular：绑定到xlink：href不会更新IE11中的SVG

我有一个显示SVG的Angular 4应用程序。 SVG是动态的，取决于模型。这是通过伺机到use xlink:href属性来实现的： <svg class="svg-icon"> <use [attr.xlink:href]="'./symbol-defs.svg#' + icon" /> </svg> 注意icon是可变的，并且因此可以改变。发生这种情况时，应该更新SVG以反映

1热度

3回答

如何在svg中居中图像

我有一个图像svg元素，它可以有任何宽度。我想在svg元素或div容器中水平居中放置图像。我试过margin: 0 auto;或text-align : center;但它不起作用。 jsfiddle HTML <div class="background-img" style="width: 100px; height: 110px;"> <svg class="svg-defs" w

0热度

1回答

svg to png不能在php

我正在使用imagick将svg转换为png。但我的svg包含嵌入的图像。所以在将其转换为png时不会呈现嵌入图像。 $image = new \Imagick(); try{ $file_name = uniqid($prefix).".jpeg"; $image->readImageBlob($raw_svg); $image->setImageFormat("

0热度

2回答

如何绘制svg路径动画

我有3个发光blub和2个虚线加入他们。我必须通过从一个到另一个blub以重复的方式发出光线（像每个短划线一个接一个地发光）到目前为止，我能够做到这一点。 https://jsfiddle.net/hsfxS/3856/ .. <div class="mr-glow-1"> <svg width="401" height="332" version="1.1" xmlns="htt