canvg SVG渲染为错误的格式

文章/答案/技术大牛

发布

1回答

javascript、css、svg、canvg

我有一个带有标签和图例的拼图，它在SVG中看起来很好，但一旦我使用canvg将其转换为canvas，一些格式就会丢失/出错。SVG： ? 画布： ? 我已经内联了CSS以应用所有CSS设置，但格式仍然不匹配。有什么想法吗？这是一个(canvg)错误，还是我在做s.th。不对? attributes so that Canvg

浏览 96提问于2019-03-14得票数 0

回答已采纳

1回答

切换画布渲染svg上的可见性

javascript、canvas、svg、canvg

我正在使用canvg将大量svg渲染到canvases上。我希望这些svg根据复选框消失/出现-我已经把复选框去掉了，并且让svg出现了。但我的问题是，如何让svg消失？这就是我渲染svgs的方式： //loops through an svg array if(svg has certain conditions)<em

浏览 0提问于2013-01-04得票数 0

回答已采纳

2回答

将Highcharts导出到jsPDF - canvg错误

javascript、canvas、highcharts、jspdf、canvg

我正在寻找一个解决方案关于高表出口到jsPDF格式。我使用此解决方案将图形作为图像导出到我的pdf -> 。它工作得很好，但是对于一些图形，我无法生成图像，因为这个错误：svg.Element.text.getAnchorDelta-- canvg.js:2010 svg.Element.text.renderChild -- <em

浏览 1提问于2015-04-13得票数 1

1回答

canvas是否在标记内呈现标记

html、internet-explorer、canvas、svg

我知道我可以使用SVG，但我想知道我是否可以将SVG元素放在画布中，但我不想加载两次，如果你明白的话

浏览 1提问于2013-05-13得票数 1

回答已采纳

1回答

使用canvg从svg转换而来的画布上渲染的图像模糊

svg、html5-canvas、png、blurry、canvg

我使用canvg将svg元素渲染到画布上，并使用jspdf下载它。下面是我的代码： width: svgElement.width(),}).get(0); ctx = canvas.getContext("2d");

浏览 15提问于2015-01-08得票数 0

2回答

我可以在画布上渲染SVG动画吗？

animation、canvas、svg

我想创建一个SVG动画，然后把它渲染到画布上。我知道CanVG，但我不确定它是否能满足我的需求:在Canvas div中使用javascript动画显示SVG元素，而不是在原生的SVG窗口中显示。当我查看CanVG示例代码时，它似乎指向一个SVG文件，而不是使用属于同一文件的SVG代码&由javascript实时操作。有什么帮助吗？

浏览 2提问于2012-09-08得票数 5

回答已采纳

3回答

Wicked_PDF无法渲染SVG、canvas或PNG图形

d3.js、wicked-pdf

但是当我自己渲染PDF时，只显示了轴。图表区域本身是空白的。我知道JavaScript会执行，因为轴是在图表内容之后呈现的。我尝试使用canvg将SVG转换为canvas对象。canvg($(this).find('#canvas')[0], $('<div>').append($(picture).clone()).html(), { ignoreMouse: true,然后，我使用以下命令将SVG转换为PNG

浏览 3提问于2013-08-19得票数 4

1回答

Canvas toDataURL不会在第一次尝试时返回整个URL

javascript、html、image、canvas

我有一些代码，它使用拉斐尔在SVG中绘制的图形(一个400x400的图像加载到SVG中)，使用canvg将其转换为画布，然后使用canvas.toDataURL将其转换为图像。前两个步骤是有效的，但第三个步骤是不可靠的。第一次按下按钮时，300x150的空白图像被放置在最终的div中，而不是400x400的图像。如果我再次按下按钮，图像显示正常(正确的大小和所有内容)。我试图使它成为一个小提琴，但我

浏览 9提问于2012-06-13得票数 3

回答已采纳

3回答

在画布中将Raphael JS生成的SVG保存为png时出现问题

javascript、jquery、canvas、svg、raphael

我将我的svg放在一个目录中，其中#ec是id，画布的是#canvas。= $('#ec').html(); canvg('canvas', svg, {renderCallback: saveDaPicture(), ignoreMouse> 这是svg的xml，如果我相信，它是很好的。总之，使用这段代码，应该包含转换后的图像数据

浏览 0提问于2010-11-19得票数 8

7回答

有没有工具可以将SVG数据转换为画布友好的输入？

javascript、xml、svg

有没有工具可以将SVG (XML)数据转换为画布友好的输入？

浏览 0提问于2008-10-15得票数 2

回答已采纳

1回答

SVG未出现在屏幕截图中

autodesk-forge、autodesk-viewer

我遵循了这里的教程：https://forge.autodesk.com/blog/create-pushpin-markup-svg 我已经成功地实现了svg图像作为我的查看器的一部分，将它们绑定到查看器事件的重绘中但是我随后使用了查看器的截图功能。这导致了在没有svg标记的情况下获得屏幕截图。但是，在将绘制的线条等标记添加到覆盖(覆盖场景)时，这些标记仍然有效。有没有一种

浏览 13提问于2019-04-15得票数 0

2回答

将Canvg3.0与集成

angular、canvg

在我目前开发的应用程序中，我使用画布库在页面中进行一些画布渲染，直到现在我使用画布2.0库以下列方式实现了这一点：xml = new XMLSerializer().serializeToString(obj); // Rem

浏览 9提问于2019-12-09得票数 1

回答已采纳

1回答

如何让SVG解析器呈现单个group元素？

javascript、html、canvas、svg

我有一个表示一副纸牌的SVG文档。每张卡都是唯一的组和名称(即3_hearts)。现在我希望能够将其中一张卡渲染到画布上。这个stackoverflow用户也处于同样的情况，但使用的是python：var c = document.getElementById('canvas'); var ctx = c.getContext

浏览 0提问于2012-03-07得票数 0

回答已采纳

1回答

在元素中心周围应用变换矩阵

html、canvas、svg、transform、canvg

我正在使用拉斐尔在SVG中进行一些操作。为了将SVG保存为图像，我使用Canvg在canvas中渲染SVG。但是在画布中呈现的SVG内部图像的转换是不正确的。Canvg使用html5的原生transform()方法，使用Canvg的第571行中的以下代码应用转换。但在拉斐尔中，变换是围绕图像的中心应用的。所以

浏览 2提问于2014-05-30得票数 1

2回答

如何在Android中放大Highcharts

android、highcharts

下面是我的代码：var myArray = carter.split(" ");

浏览 0提问于2012-12-05得票数 1

2回答

使用画布未正确转换为画布的SVG图像

javascript、jquery、canvas、svg、canvg

原始SVG图渲染帆布图 --这是我用来转换为画布的代码canvg('canvas', svg) canvas = document.getElementById

浏览 4提问于2014-05-22得票数 0

回答已采纳

1回答

如何将AmCharts渲染为画布？

canvas、amcharts

我正在使用一个图表库AmCharts在我的网页上显示不同类型的图表。现在，我希望将所有这些图表导出到PDF中。为了实现这个特性，我使用的是KendoReact的PDFExport组件。图表显示为SVG，而PDF导出不支持SVG。这意味着，在导出PDF时，其中不包含图表。要解决此问题，需要将图表呈现为canvas而不是SVG。关于如何将SVG转换为canvas，您有什么想法吗？

浏览 8提问于2019-03-28得票数 2

2回答

在画布上调用toDataUrl时IE引发安全错误

javascript、html、internet-explorer、canvas、svg

这在Chrome和Firefox上运行得很好，但是IE中的安全错误却失败了！这是的引文将数据从SVG传输到画布存在安全问题，从而导致画布成为只写的。为了防止画布中的信息泄漏，当图像数据的源不安全时，浏览器会小心地保护画布的使用。所有的画布元素都创建为它们的原始-干净属性设置为true。当可能用于使用画布元素传输违反相同来源策略的

浏览 4提问于2013-12-02得票数 32

1回答

html2canvas可以在页面中呈现svg吗？

svg、html2canvas

我正在使用html2canvas创建一个包含SVG的超文本标记语言页面的‘屏幕截图’。一切看起来都很好，除了元素。我知道在画布中渲染SVG应该是可能的；PhantomJS、fabric.js和CanVG都做到了。这是html2canvas不支持的吗？或者我做错了什么，这应该是可行的？如果还没有实现，扩展html2canvas的最佳方式是什么(使用canvg)？

浏览 2提问于2013-01-05得票数 10

回答已采纳

1回答