javascript - 从浏览器中仅打印 SVG

Question

我正在开发一个网页，该网页将根据用户交互动态呈现 SVG 图形。完成后，我希望用户能够只打印图形 - 而不是简单地打印他们所在的网页和 SVG，而只是打印 SVG。此外，理想情况下，打印版本的绘制方式与屏幕浏览器版本略有不同。当前的浏览器和 SVG 可以实现这种事情吗？

在 Java 中，我可以为我的应用程序绘图例程提供绘图引擎或打印引擎，这可以简单地处理相同的问题。然而，我是 SVG 的新手，我无法确定是否存在某种类似的机制。

Answer 1

您可以使用 jQuery。假设您的 svg 位于网页的 DIV(svgDiv) 中，包含一个调用以下内容的打印按钮，其中根 svg 具有 id=mySVG，以获取宽度/高度，或使用 svgDiv 宽度/高度。这将打印当前在 svg 窗口中的 View 。

//---print button---
    var printSVG = function()
    {
        var popUpAndPrint = function()
        {
            var container = $('#svgDiv');
            var width = parseFloat(mySVG.getAttribute("width"))
            var height = parseFloat(mySVG.getAttribute("height"))
            var printWindow = window.open('', 'PrintMap',
            'width=' + width + ',height=' + height);
            printWindow.document.writeln($(container).html());
            printWindow.document.close();
            printWindow.print();
            printWindow.close();
        };
        setTimeout(popUpAndPrint, 500);
    };