Question

我们在Java中使用canvg https://code.google.com/p/canvg/的本机方法将SVG String转换为canvas到png图像。我们需要一个renderCallback，因为SVG String中的Images需要时间来呈现，否则我们会得到一个错误的构造。我们的代码是：

private native String PNGExport(String SVGString)/*-{

    var canvas = $doc.createElement('canvas');
    canvas.id = "testcanvas";

    var img;
    $wnd.canvg(canvas, SVGString, {
        renderCallback : function() {
            img = canvas.toDataURL("image/png");
            var window = $wnd.open();
            window.document.write('<img src="' + img + '"/>');
        },
    });
    return img;

}-*/;

因此，将在浏览器中打开包含正确png图像的选项卡。但是有没有可能得到这个字符串img = canvas.toDataURL（＆＃34; image / png＆＃34;）;在回调之外工作？我唯一能想到的就是在function（）中调用一个Java方法，它将img var作为参数。我希望有更好的解决方案。

Answer 1

我们通过调用java方法解决了它：

private native void PNGExport(String SVGString)/*-{

    var canvas = $doc.createElement('canvas');
    canvas.id = "testcanvas";
    var theInstance = this;

    var img;
    $wnd.canvg(canvas, SVGString, {
        renderCallback : function() {
            img = canvas.toDataURL("image/png");

            ( function b(p) {
    theInstance.@de.user.client.component.graphic.UsERGraphicEditor::saveMedium(Ljava/lang/String;)(p);
})(img);
        },
    });

}-*/;

您必须通过方法的路径调用该函数。我希望它有所帮助。

将svg转换为canvas并获取base64 String（canvg）

1 个答案: