草庐IT

svg-morphing

全部标签

IE11中SVG围绕SVG的Whitespace的问题,与SVG中的文本有关

我在InternetExplorer中的SVG周围有大量的空格问题。我创建了最简单的示例,我可以再现问题:svg{border:1pxsolidred;}test在IE11中查看此内容可在SVG的右侧和下方产生大量空间。请注意下面屏幕截图中的滚动条,指示IE中有大量的空空间,但在Chrome中没有。如果我执行以下任何操作,则空格会消失:删除查看框属性将文本移至右上角删除文本(不必删除文本标签,只是内容)作为一个实验,我在SVG下方添加了一个段落,以查看Whitespace是否会取代段落。该段落出现在SVG直接下方-它不是被空格所取代的。知道我如何解决此问题,以免出现空格?看答案显然,这是IE的

python - 从 SVG 文件创建开罗路径

一定是我遗漏了什么。我在Windows上,想使用python从SVG文件中获取路径,将它们缩放到一个位置,将它们中的每一个都放在一个新的表面上(或者全部放在一个表面上,这并不重要)。我阅读了有关开罗的信息here和onstackoverflow在我看来,它会满足我的需要,但我找不到从svg文件生成路径的简单方法。没有比手动解析SVG更简单的解决方案吗?与XML? 最佳答案 CairoSVG解析SVG文件并将它们渲染到cairo:http://cairosvg.org/如果您只需要一条路径,应该可以使用CairoSVG中的正确函数。随

SVG在前端中的常见应用

SVG在前端中的常见应用一、svg标签1.svg2.g二、描边属性三、模糊和阴影效果1.模糊2.阴影效果四、线性渐变和径向渐变1.线性渐变2.径向渐变五、绘制1.内置形状元素2.绘制矩形3.绘制圆形4.绘制椭圆5.绘制线条6.绘制多边形7.绘制多线条8.绘制文本9.绘制路径只是一些常用的应用,但足以入门。一、svg标签1.svgsvg标签相当于画布。可以在标签中定义宽和高svgwidth="100"height="100">svg>2.gg标签可以对svg元素进行分组,分组后可以统一配置属性。svg> g>...g>svg>二、描边属性stroke:笔画颜色属性,值为颜色值strike-wid

windows - 用于打印为 PNG(或 SVG)的免费打印机

关闭。这个问题不符合StackOverflowguidelines.它目前不接受答案。我们不允许提问寻求书籍、工具、软件库等的推荐。您可以编辑问题,以便用事实和引用来回答。关闭6年前。Improvethisquestion是否有用于Windows(我使用764位)的PNG(或什至SVG)打印内容的好用的免费打印机驱动程序?我有这个网站有一些统计数据,它显示了这个很酷的图表。它具有嵌入功能,但使用的是Flash。我想把这张图放在我的博客上,但出于移动浏览器的原因,我不想使用flash。该站点还支持打印图表。所以我想我会做的是将图表打印成PNG或SVG文件并使用图片。我一直在四处搜索,但我

c++ - 在 C++ 中渲染 vector 图形 (.svg)

我和一个friend正在开发一个2D游戏,其中的图形将是.svg文件,我们将通过先将它们光栅化或直接在表面上渲染它们来适本地缩放它们(这在某些时候仍然需要光栅化).问题是,我整天都在寻找一个库,它允许我获取.svg文件并最终让它在allegro中呈现。据我所知,这将涉及光栅化为allegro可以读取的某种格式,然后allegro可以渲染“扁平化”图像。那么我可以使用哪些C++库来获取.SVG文件并“展平”它以便渲染它?该库显然也需要支持缩放,以便我可以缩放vector图形然后对其进行栅格化。我使用的是Windows和VisualC++Express2010。我试过Cairo,但它只允许

json - 有人在 mongodb 中存储原始 SVG 数据吗?

我正在做一个项目,希望在我的mongodb中存储原始svg数据。现在,它看起来有点傻,因为我需要像这样转义svg字符串:{"_id":ObjectId("4c61e60d4d02da615f175b6e"),"name":"Triangle","svg-data":""}这在某种程度上是可以接受的,但是一旦json从服务器传回,我可能需要在客户端反转义(这是一个词吗?)或解码。我很好奇是否有其他人在这样做(我在谷歌或堆栈溢出中找不到任何示例)和/或是否有任何关于最好的方法(或更好的方法)的建议). 最佳答案 我个人还没有在Mongo

卸下非SVG滑块

我有一个滑块的代码:varslider=d3.select('body').append('p').text('SentorReceivedThreshold:');slider.append('label').attr('for','threshold').text('');slider.append('input').attr('type','range').attr('min',d3.min(graph.links,function(d){returnd.value;})).attr('max',d3.max(graph.links,function(d){returnd.value;}

随机SVG图标不会加载

我想使用图标,能够使用CSS即时更改其颜色和尺寸。我决定使用SVG图标,这是受CSS技巧在其网站上使用SVG图标的方式的启发。这是我做的方式(类似于CSS技巧):在我的页脚模板中,我添加了类似的内容:icon-search现在,我可以在我想要的任何地方使用图标:而且它有效...但是有时在页面上加载一些随机图标根本不会显示。到目前为止,这个问题出现在Chrome上,例如,似乎还没有进入Firefox。知道什么会导致这件事?我的实施有什么问题吗?谢谢。看答案我以前不得不进行调试,在重新加载后,缺少的图标总是会加载。它使我发现,如果页面负载稍微失速并且图标位于页面末端附近,则元素找不到其引用的符号。

php - 交互式 SVG - 学习资源?

有没有人有学习如何用php/mysql(可能还有php-gtk)实现SVG的资源?我正在考虑制作一个自上而下的花园设计师,拖放预定义的元素(例如树木/灌木丛)和可定义的种植区域(圆形/正方形)。然后,园丁们可以随着时间的推移跟踪特定区域的种植情况。我真的不想进入flash... 最佳答案 我正在寻找类似的解决方案,这里的两个相关问题是ScriptingSVG和Displayingvectorgraphicsinabrowser.但是,由于每个浏览器具有不同的矢量功能,因此它们都没有带来太大的希望。Dojox.gfx似乎是一个跨浏览器

CSS转换导致SVG在Firefox中摆动

我的应用程序中有一个播放按钮的SVG,我正在将CSS转换效果应用于悬停,并缩小量度。这在Chrome中正常工作,但是在Firefox54中,当动画删除后,内部多边形略微摆动:hover伪级。我尝试了以下答案:悬停(比例效应)时的图像摇摆无济于事。我正在使用的SVG和CSS,请确保在Firefox中查看。这个问题非常微妙,似乎三角形的缩放重置为另一个位置,然后过渡结论,它回到了其原始位置。如何在Firefox中进行修复?svg{min-width:75px;width:15%;position:absolute;top:50%;left:50%;transform:translate(-50%,