canvg

    0热度

    1回答

    我想将SVG绑定到画布上。 SVG具有笔触宽度设置,它似乎比绑定到画布时所需要的要厚。什么可能导致这种情况,以及如何解决这个问题? ,我使用绑定SVG到HTML5画布该库是canvg 下JS小提琴同时显示了SVG和画布上结合的SVG。 JS小提琴:http://jsfiddle.net/fYAAf/111/ var image = new Image(); var canvas = docume

    0热度

    1回答

    我使用html2canvas和canvg插件将角度nvd3图表转换为svg,但是当我将饼图转换为png时,我看起来与图表相同,但是当我将折线图或区域图表转换为其背景时黑色和一些圈子淹没在图像上。 我的代码是 var svgElements = $("#container").find('svg'); //replace all svgs with a temp canvas

    0热度

    1回答

    我需要将SVG的可见区域转换为静态图像以进行打印和类似用途。我从阅读中得知,该方法应该是先使用canvg将SVG转换为画布,然后使用canvas.toDataURL将画布转换为图像。我能够完成这些基本要求,但是我的viewbox比我的SVG小得多,因此裁剪和缩放成为问题,而这正是我目前磕磕绊绊的地方。 我的想法是在转换为使用canvasContext.drawImage(...)的图像之前插入另外

    0热度

    1回答

    我一直在处理这一点,但我似乎无法得到它的工作。点击结果PNG图像是空的。看到下面的代码.... function svgToCanvas (targetElem,fileName) { var nodesToRecover = []; var nodesToRemove = []; var svgElem = targetElem.find('svg');

    2热度

    1回答

    我使用canvg,但是当我运行此: jQuery("#print").on("click", function() { mySvg(); }); function mySvg() { var svg = jQuery("#map svg"); canvg(document.getElementById('canvas'), svg); } 我得到这个控制台

    -1热度

    1回答

    我已经使用canvg插件创建了一个画布。 然后,我想用ctx.drawimage()[由canvg创建]在画布下放置另一个背景图像。 我试过了。 请建议。 var svgString = new XMLSerializer().serializeToString(document.querySelector('svg')); var canvas = document.getElem

    1热度

    1回答

    是否可以使用JS检索CSS属性的浏览器默认值,忽略任何内联/导入样式? 一些上下文:我使用JS将特定SVG元素及其子元素上的所有样式(允许我使用canvg将其变成PNG)排列。目前,我的输出非常臃肿,每一种可用的样式,我希望能够放弃使用包含在线的样式阵列中的浏览器默认值的任何属性。 演示发生的事情的: $.extend($.fn, { makeCssInline: function(

    0热度

    1回答

    我已经写一个函数来保存为image.Below我所提到的代码,我已写入的图表: HTML: <div> <span id="save" onclick="javascript:saveChart1();" style="height:10px;width:40px; color:#000;"> comment</span></div> <div id="chart_load"></div> <

    -1热度

    1回答

    谁能告诉我为什么我的svg不能下载?我究竟做错了什么?我似乎无法找到如何将我的svg下载到png的解决方案。是我的图书馆还是我的代码? function save(){ $("#editor_save").click(function() { // the canvg call that takes the svg xml and converts it to a c

    0热度

    1回答

    我正在利用canvg将div中存在的svg转换为canvas(至此它工作正常),然后将div的innerHTML复制到另一个div,但它不起作用。画布即将到来,但画布中不会出现任何内容。 预先感谢 <div id="k"> <svg width="100" height="100"> <circle cx="50" cy="50" r="40" stroke="green" strok