canvg相关内容

Canvg转换-使用填充网址时的行为异常

我正在尝试使用canvg js库将svg转换为画布. 原始svg包含一个rect,该rect具有svg模式的url填充属性.当我使用canvg将svg转换为画布时: canvg(document.getElementById('canvas'), svg); 矩形填充的图像会改变其比例(宽度和高度会发生变化). 这显示了转换前后的svg. 有人有解决这个问题的想法吗? ..
发布时间:2020-08-06 06:52:24 前端开发

用canvg将svg绘制到画布

我使用canvg在画布中设置svg文件. 设置svg网址时一切正常: var canvas = doc.getCanvas(num); var context = canvas.getContext('2d'); context.drawSvg("http://localhost:8084/manual.svg", 0, 0, width, height); 但是当我尝试写(不起作用) ..
发布时间:2020-08-06 05:48:17 前端开发

合并来自Raphael svg的图片

尝试创建 第1步 - 让用户通过Ajax,Raphael和Raphael freetransform上传图片。 第2步 - 点击按钮显示合并上传图片中的一张图片。 (问题): 我发现类似的帖子关于转换Raphael svg 1 2 3 , 所以我也使用Canvg但得到console.log:资源被解释为图像但是用MIME类型文本传输/ html 错误:图片“”找不到。 ..
发布时间:2019-05-25 16:04:55 JavaScript

当使用canvg将Highchart SVG转换为PNG时,所有文本都出现两次 - 如何解决?

这是我的(截断的)示例SVG图像(使用Highcharts制作, http://www.highcharts.com/ ) - 当我将它渲染到画布上时(使用canvg( https://github.com/gabelerner/ canvg 和代码改编自: https://stackoverflow.com/a/8997520/2067690 )所有生成的PNG中的文本是重复的,这意味着它的输出 ..
发布时间:2018-07-26 15:14:42 前端开发

如何在html5画布中显示多个外部svg图形

我创建了一个html 5画布,并使用 ctx.fillRect(X,Y,W,H)添加了一些形状;和其他一些javascript函数。 现在我想在该画布的多个位置添加一个svg图形。 我想使用svg的原因是锐度&图像质量。 我尝试在HTML5中使用drawImage方法,但我想要绘制的图像在使用drawImage方法添加到画布时不会提供非常高质量的输出。无论我使用它的高分辨率图像如何 ..
发布时间:2018-07-04 20:40:19 前端开发

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

我的页面上有一个svg我需要导出到png,所以按照建议这里,我正在使用canvg。 该副本似乎首先工作正常,但后来画布身高开始神秘地增加。 我做错了什么?我已经尝试为画布设置各种尺寸而没有运气。在IE和Chrome中失败。 这是我的导出功能: function copytocanvas() { var c = document.getElementById('canv ..
发布时间:2018-07-02 14:00:41 前端开发

将内联SVG转换为png时的样式化错误

我的高级目标是将包含一些内联svg图像的 元素转换为png文件。所有操作都必须在客户端浏览器中使用JavaScript执行。我尝试过: 使用canvg库并按照此帖中的步骤操作: https://github.com/niklasvh/html2canvas/issues/95#issuecomment-34439223 原始svg: 结果: 将css ..
发布时间:2017-02-07 21:50:29 前端开发

canvg不工作与svg已经放置在身体?

我想将 SVG 转换为 CANVAS ,然后将其另存为图片。我有svg已经genereated通过javascript在我的页面。我使用这个代码: $(“#menu-save-image” b var svg = document.getElementsByTagName('svg'); var canvas = document.getElementById(“test”); c ..
发布时间:2016-11-13 03:59:45 前端开发