问题标签 [canvg]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
1 回答
4931 浏览

javascript - 使用canvg将svg绘制到画布上

我使用 canvg 在画布中设置 svg 文件。当我设置 svg url 时一切正常:

但是当我尝试写作时(它不起作用):

其中变量 svg 获取 manual.svg 内容。

0 投票
1 回答
400 浏览

javascript - 将 SVG 复制到画布后的神秘增长

我的页面上有一个 svg,需要导出为 png,因此按照此处的建议,我正在使用 canvg。

副本起初似乎工作正常,但随后画布高度开始神秘地增加。

我在做一些明显错误的事情吗?我试过为画布设置各种尺寸,但没有运气。在 IE 和 Chrome 中失败。

这是我的导出功能:

这是一个显示问题的 jsfiddle:http: //jsfiddle.net/LkqTU/4772/

滚动时问题似乎变得更糟!

0 投票
1 回答
464 浏览

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

我正在使用 canvg 将大量 svg 渲染到画布上。我希望这些 svgs 基于复选框消失/出现 - 我已经将复选框位向下以及使 svgs 出现。但我的问题是如何让 svgs 消失?

这就是我渲染 svg 的方式:

现在,我想让我渲染的那些/一些(选定的)svg 在一些条件下消失。我一直无法让任何工作,你们有什么想法吗?

谢谢!

0 投票
1 回答
4262 浏览

ruby-on-rails - 通过 Rails 保存图像/八位字节流,base64 编码为图像文件

我正在使用canvg库将谷歌图表保存为图像。可以在此页面上找到有关此过程的更多信息。

好的,所以 JS 框架为我提供了图像的编码数据,我使用触发下载的表单和隐藏字段发布该数据。

代码

JS代码

最后是响应 POST 请求并触发下载的控制器代码。

如您所见,我使用了几个标题选项。问题是下载的图像已损坏。我通过 HexEditor 打开它,我可以看到它没有 PNG 标头,但我对此的了解是不存在的。希望你能帮忙。

0 投票
1 回答
315 浏览

canvas - 我可以访问通过canvg导入的svg文件中定义的路径吗?

我有一个 svg 文件中的图像,我使用 canvg ( http://code.google.com/p/canvg/ ) 将其导入到 <canvas> 对象中。

每当用户在 svg 文件中定义的路径之一内单击时,我都需要执行一项操作。那可能吗?

不需要画布,如果没有它也可以做到,请告诉我(有类似的东西吗?)

0 投票
1 回答
1947 浏览

javascript - 如何在 Phonegap 应用程序中将渲染的 Highchart 图表导出为 pdf/png/jpeg?

我正在尝试使用

在 Phonegap 应用程序中没有成功,尽管在浏览器中一切正常。

我的问题:

我想在 iOS 电子邮件客户端中将呈现的图表附加为 pdf/png/jpeg。如何使用chart.exportChart或任何其他方式将下载的内容保存到 iOS 应用程序沙箱?filename我应该在方法的键中给出 App Sandbox 路径chart.exportChart吗?

这是我试过的:(我在cordova-1.6.1.js上)

以上不工作,控制台说 -

[INFO] 成功回调错误:File1 = TypeError: 'undefined' is not a function

PS:我尝试的方式是一种绝望的行为:(

0 投票
1 回答
2707 浏览

javascript - HTML 画布图像

我正在使用 AMcharts 绘制图表。我需要以 pdf 格式显示图表。因此,我已将图形转换为 png 图像并以 pdf 格式显示。此过程在除 IE9 之外的现代浏览器中成功运行。

我的问题仅在 IE9 中。

我在 div 容器中有两个 svg 标签。正如我所料,第二个 svg 标签被完美解析。但是第一个 svg 标签显示为空白图像。

我将 canvg.js 用于 html 画布。

请帮我解决这个问题。这是我的第一篇文章。提前致谢。

0 投票
1 回答
2166 浏览

canvas - SVG to Canvas with Canvg - 填充线和背景线被删除?

我正在尝试使用Canvg将 SVG 转换为 Canvas 。开箱即用非常好。

原始 SVG 图 SVG 图

画布渲染 画布渲染

我很难弄清楚:

  1. 为什么“正在填写”行?似乎从第一个点到最后一个点画了一条线,但我似乎无法在 canvg 库中找到它。
  2. 背景线元素被丢弃:这是一个例子<line class="tick" y2="-220" x2="0"></line>

有人有想法么?很高兴提供更多信息。谢谢!

0 投票
3 回答
7652 浏览

highcharts - highcharts 和 canvg 缩放问题

这是一个特定的问题,但我想如果我能找到解决方案,它可能会在某个时候对其他人有用。

我需要在浏览器端将我的一些 Highcharts 图表转换为 PNG。这个想法是,当我们的作者创建一个图形时,它会自动转换为 PNG,并且 PNG 将与给定图形的 JS 代码一起保存。然后我们可以在不能选择 JS 的情况下提供该 PNG 版本。我已经通过 canvg 库完成了这一切,它非常完美。

嗯,差不多。由于存在所有高 dpi 屏幕,我们希望 PNG 放大到正常显示图形的两倍。这样PNG版本在iPhone / iPad等上看起来不错......

canvg 有一些缩放选项,所以我尝试使用这些选项。但这就是它开始崩溃的地方。该图已正确缩放,但 Highcharts 对象中的某处有一个框不会与其他所有内容一起缩放,并且生成的缩放图仅显示精美缩放图的左上角。

我查看了 canvg 代码并很快意识到我的 JS 能力不足以弄清楚发生了什么,Highcharts 结束时也是如此。

如果有人对此有想法或知道一个简单的解决方案,我将不胜感激。

要复制该问题,您可以查看我整理的这个 JSFIDDLE 示例:

http://jsfiddle.net/UVNvh/3/

如果 JSFIDDLE 页面被弄乱或不知何故消失,这里是代码。

0 投票
1 回答
132 浏览

php - 使用 canvg 和 amcharts 添加下载链接

我正在尝试将下载链接添加到使用 AmCharts 和 CanVG 的页面。整个图形和img显示部分都正常工作。

现在我需要一个下载链接来为用户提供显示的图形图像。

我已经尝试为图像创建一个 HTML 链接元素,但在那一刻,我收到一条错误消息,提示“请求的 URI 太长”。

我也尝试过使用表单,将图像中的源代码(通过 jQuery 获得)解析到新页面,并在那里显示,但这也行不通。

有人可以帮助我吗?每个使用 html/php/jquery/javascript 的解决方案都非常好。