草庐IT

svg-morphing

全部标签

DOM到图像库不适用于SVG图像

我在DIV内有一个SVG图像元素,我想转换为PNG。因此,我使用DOM来映像库topng函数,然后将DIV元素传递给它。但是我得到一个空白的图像作为输出。这是Div的样子:CreatedwithRaphaël2.2.0这是我试图拍摄DOM图像的代码:domtoimage.toPng(node).then((dataUrl)=>{varimg=newImage();img.onload=()=>{_view.localScreenshotSource=img.src;observer.next(img.src);};img.src=dataUrl;})SVG文本的类似代码正常。难道我做错了什么?

c++ - Qt5 中不显示 SVG 图标

我在我的应用程序中使用来自资源文件的SVG图标,但是当我运行该应用程序时,图标只是不显示。以同样的方式使用jpeg图标效果很好。 最佳答案 问题自Qt5.1该框架已modularized.您很可能缺少svg模块。该应用程序仍会编译而不会提示。解决方案确保SVG模块已安装在您的系统上并已链接(使用qmake(Howto)、cmake(Howto)或普通make)。如果链接成功QImageReader::supportedImageFormats()将列出SVG。 关于c++-Qt5中不显示

图像面膜不使用CSS -SVG

我正在尝试使用SVG制作这样的图像掩码;这就是我现在拥有的;body{background:#000;}.bg{position:relative;width:400px;}.bgimg{width:400px}.mask{position:absolute;top:0;right:0;}但是SVG没有覆盖图像的正确部分,它应在右侧覆盖图像的整个高度。我该如何达到这个结果?看答案如果您“修复”图像的大小(width和height),你的大小svg然后您将您的坐标polygon使用正确的坐标,您将获得正确的结果。我已经用400x400图像替换了图像。body{background:#000;}.

c++ - 用开罗加载 svg

我想用Cairo库加载一个SVG文件,对它应用一些转换。然后我想用glTexture显示我的svg。但我只找到创建svg文件而不加载svg的函数。 最佳答案 Cairo本身无法读取SVG文件。你需要类似librsvg的东西将SVG渲染到Cairo表面。快速浏览一下他们的APIdocumentation,看起来您需要rsvg_handle_new_from_file()来加载文件,需要类似rsvg_handle_render_cairo()或rsvg_handle_get_pixbuf()的东西来将SVG绘制到开罗上下文/将SVG转换

使用html2canvas将整个元素导出为图片,其中包含svg和img,解决img跟svg导出时img或svg(canvg处理)不显示的问题,以及相关优化

目录前言一、准备二、解决问题1.将svg跟img转为canvas的方法2.将base64转换成file文件的方法3.点击下载使用方法1).对dom没有处理,需求只是将图片导出即可 2).涉及对dom的拖拽,流程图之类的(需复制dom,在复制的dom上进行处理) 三、效果图如下前言查阅很多相关的文章和文档,大多是解决svg导出不显示的问题,这个还是比较好处理的。但是对于我的需求而言,主要问题是,需要导出成图片的dom元素,中间既有img又有svg,导致我在导出时,img的元素并没有显示在导出的图片上。一、准备我使用的html2canvas版本是1.4.1,canvg版本是1.5.3npminst

c++ - "morph into"在qt中有什么用?

在qtgui编辑器中,任何gui组件都可以变形为某种类型的其他gui组件。但实际上,这个选项的实际用途是什么?可以动态完成吗?如果是,那么这样做的好处是什么? 最佳答案 实际用途是将小部件快速转换为其他类似的小部件。假设您有一个装有一些小部件的组框,并且您意识到自己更想要一个选项卡小部件。如果不变形,你需要创建标签小部件选择组框中的所有小部件将它们复制或移动到第一页您的标签小部件删除分组框将组框简单地变形为选项卡小部件会更快、更方便。或者假设您有一些复选框并意识到这些选项是互斥的,那么您可以简单地将它们变形为单选按钮。等等...这是

使用SVG圆圈,如何定位起点?

我正在努力在React中创建SVG圆的进度指标...这是我的输出:Codepen问题是我需要红色冲程以从顶部开始,而不是当前的90%角...是否可以添加一些CSS来重新定位红色冲程以从顶部开始?仅供参考,我正在使用以下组件来渲染此HTML:https://github.com/wmartins/react-circular-progress/blob/gh-pages/src/js/components/circularprogress.jsx.js下面的Codepen源html17%CSS.CircularProgress-Bg,.CircularProgress-Fg{fill:none;

c++ - 在 wxWidgets 中绘制 SVG 图像

我需要能够画画SVG图像(能够将图像缩放和旋转90,180度和270度)。我还希望能够将图像绘制成新的SVG图像(将“文档”导出为SVG),而不是将图像渲染为位图(例如用于显示)。wxWidgets似乎没有任何内置的SVG功能,所以我不确定如何继续添加此类功能。 最佳答案 cairolibrarywebsite有examples使用librsvg绘制SVG.cairo和librsvg库都应该足够跨平台以执行您需要的操作,并且wxcairo应该可以将它们停靠到wxWidgets上。当我面临将SVG绘制到wxWidgets中的任务时,这

ios - svg 中的链接在 iOS 上不起作用

我有一个内联SVG,其中有指向其他div的链接。在台式机和Android移动设备上一切正常,而在iPad和iPhone上则不然。当我点击链接时,它会闪烁,就好像它已经识别出它是一个链接但没有任何Action发生。我的SVG是一张map,上面有15个图标,而且非常非常长,所以大大简化了jsfiddlehere或下面的CSS和HTML#link{margin-top:1000px;height:100px;width:100px;background:red;}Linkeddiv嵌入到SVG中的外部网站链接在iOS上工作正常,正常的HTMLahref链接到外部网站和其他div。我可以编辑内

ios - SVG 转换 ="rotate(x,x,x)"不适用于 iOS

我创建了一个带有圆圈的Greensock动画,该圆圈绘制90%并旋转,以便文本可以放置在圆圈的间隙中。它适用于任何地方,但在iOS设备上。(见下面的codepen)http://codepen.io/sumnercreations/pen/KgRJzZ我知道iOS仍然需要-webkit前缀,如这个问题中所述TransformnotWorkingonIOS,所以我在svg代码中添加了它,但它仍然不起作用。CSSTricks说这应该适用于任何地方,但我无法让它为我工作。https://css-tricks.com/transforms-on-svg-elements/有什么想法可以在iOS