Question

我正在尝试在我的swing应用程序上显示SVG图片，由于我没有SVG文件，但是没有路径，因此我将路径转换为有效的svg文档，其中包括：

private static Document buildSVGDocument(Color svgColor, /*double svgWidth, double svgHeight,*/ String svgPath) {
    DOMImplementation svgDocumentImplementation = SVGDOMImplementation.getDOMImplementation();
    Document svgDocument = svgDocumentImplementation.createDocument(SVGDOMImplementation.SVG_NAMESPACE_URI, "svg", null);

    Element svgDocumentElement = svgDocument.getDocumentElement();
    //svgDocumentElement.setAttribute("height", String.valueOf(svgHeight));
    //svgDocumentElement.setAttribute("width", String.valueOf(svgWidth));

    Element svgDocumentPath = svgDocument.createElementNS(SVGDOMImplementation.SVG_NAMESPACE_URI, "path");
    svgDocumentPath.setAttribute("style", String.format("fill:rgb(%s, %s, %s);", svgColor.getRed(), svgColor.getGreen(), svgColor.getBlue()));
    svgDocumentPath.setAttribute("d", svgPath);
    svgDocumentElement.appendChild(svgDocumentPath);

    return svgDocument;
}

然后，我在蜡染画布上显示SVG文档：

JSVGCanvas panel = new JSVGCanvas();
panel.setDocumentState(JSVGCanvas.ALWAYS_DYNAMIC);
panel.setDisableInteractions(true);
panel.setDocument(buildSVGDocument(/*etc*/));
container.add(panel, BorderLayout.WEST);

现在我的问题是：如何将svg调整为面板尺寸，以保持宽高比？

Answer 1

我想出了怎么做！，浏览源代码，我发现了用于计算图像比例的方法，它是：

calculateViewingTransform

然后我实现了一个简单的类，以将图像缩放到容器

public class SVGCanvas extends JSVGCanvas {

    private static final long serialVersionUID = 1L;

    /**
     * The type of scale
     */
    private short svgScale;

    /**
     * Image padding
     */
    private int svgPadding;

    public SVGCanvas() {
        this.svgScale = SVGPreserveAspectRatio.SVG_PRESERVEASPECTRATIO_XMIDYMAX;
        this.svgPadding = 5;
    }

    @Override
    protected AffineTransform calculateViewingTransform(String svgElementIdentifier, SVGSVGElement svgElement) {
        SVGRect svgElementBounds = svgElement.getBBox();
        float[] svgElementBoundsVector = new float[] {
            svgElementBounds.getX(),
            svgElementBounds.getY(),
            svgElementBounds.getWidth(),
            svgElementBounds.getHeight()
        };

        float svgEemenetScaleToHeight = getHeight() - svgPadding;
        float svgElementScaleToWidth = getWidth() - svgPadding;

        return ViewBox.getPreserveAspectRatioTransform(
            svgElementBoundsVector, svgScale, true,
            svgElementScaleToWidth,
            svgEemenetScaleToHeight
        );
    }

    public void setSvgScale(short svgScale) {
        this.svgScale = svgScale;
    }

    public void setSvgPadding(int svgPadding) {
        this.svgPadding = svgPadding;
    }

}

Java Batik将SVG调整为面板尺寸并保持宽高比

1 个答案: