canvg

    0热度

    1回答

    我正在处理需要将Google图表导出为JPEG/PNG图像的需求。下面的代码在除Internet Explorer之外的其他浏览器中工作正常。 <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta ht

    1热度

    1回答

    我们的网站有一个问题,与铬,从亚马逊S3加载图像与crossOrigin属性设置在“匿名”。 我们S3服务器设置好的用: ` <?xml version="1.0" encoding="UTF-8"?> <CORSConfiguration xmlns="http://s3.amazonaws.com/doc/2006-03-01/"> <CORSRule> <Allowe

    2热度

    1回答

    我试图使用drawSvg()函数将SVG转换/放入画布。该命令是:ctx.drawSvg(SVG_XML_OR_PATH_TO_SVG, dx, dy, dw, dh);。当我特别把svg作为参数时,这个工作正常,例如:ctx.drawSvg('<svg><rect x="0" y="0" width="100" height="100" fill="red" /></svg>', 0 , 0 ,

    0热度

    1回答

    我有一个带有许多指向外部图像源的图像标记的SVG(来自亚马逊s3存储桶)。我试图把它转换成PNG这样 canvg(document.getElementById('myCanvas'), svg); var imgData = document.getElementById('myCanvas').toDataURL("image/png"); 我收到此错误未捕获的SecurityError

    0热度

    1回答

    我有一个简单的highChart,禁用了x轴标签。后来我用下面的代码 function populateDateOnChart(chartID,minRange,maxRange) { var chart = graphChart; if(chart) { var panelPlyGraph = Ext.getCmp(chartID); chart.r

    1热度

    1回答

    在我的情况下,我使用Highcharts绘制图表。该库提供了SVG中的图表。我想从这个SVG保存图像/ png,保存在服务器端,所以我可以在那里使用它。首先,我使用canvg解析器(https://github.com/gabelerner/canvg)来获取SVG元素的内容。 就我而言,我在页面上有多个图表。这里的一个要求是抓住所有这些,保存服务器端并将它们用于单个PDF文档。 此代码(JS):

    1热度

    1回答

    http://jsfiddle.net/jjhii/46bv10db/1/ <canvas id="canvas" width="800px" height="600px">data</canvas> canvg(document.getElementById('canvas'), svg); 另一种观点的背后,更容易看清问题。 http://jsfiddle.net/46bv10db/5/

    0热度

    2回答

    我在SVG中有复杂的交互式图形。我想把SVG变成一个隐藏的画布,这样我可以让用户输出为png/pdf。 test111.js创建div#forSVG然后svg#svg(加上圆圈,路径,文本)。 <html> <head> <link rel="stylesheet" type="text/css" href="sql.css"> <script type="tex

    4热度

    1回答

    我的高级别目标是将包含几个内联svg图像的<div>元素转换为PNG文件。所有操作必须在客户端浏览器中使用JavaScript执行。我曾尝试: 使用canvg库及继起的这个职位的步骤:https://github.com/niklasvh/html2canvas/issues/95#issuecomment-34439223 原SVG: 结果: 将css样式展平成<svg>标记,然后调用canvg

    0热度

    1回答

    我有4000 x 10000(+)的图表。 转换图像时,它将返回4000 x 8000图像,该图像不是完整图像。 Code : var canvas = document.createElement('canvas'); canvg(canvas, this.canvas.toSVG()); // this : rapheal object var img = canvas.toDataURL