Hi,

I've been experimenting with Batik as a possible option for a project I need to do.

I need to implement a pan/zoom style similar to google maps.

I'm struggling with the issue that when ever I try to pan or zoom out, the parts of the SVG that were not visible before the interactor started, are not shown again until I release the mouse.

I've done a bit of searching around, and the consensus seems to be to set the overflow property of the SVG root element to visible, but that doesn't seem to have changed anything.

I've made an example (pasted below), where a rectangle is created with x,y = (-10,-10). The top left of the rectangle is clipped at first, and while panning and zooming it remains clipped until I release the mouse. (Panning/Zooming using Shift + left/right mouse button).

Thanks,

Jacob

Example:

import javax.swing.JFrame;
import org.apache.batik.dom.svg.SVGDOMImplementation;
import org.apache.batik.swing.JSVGCanvas;
import org.w3c.dom.DOMImplementation;
import org.w3c.dom.Document;
import org.w3c.dom.Element;

public class Application extends JFrame {
    private JSVGCanvas canvas;

    public Application(){
        setSize(400, 400);
        initComponents();
    }

    private void initComponents(){
        canvas = new JSVGCanvas();
        canvas.setDocumentState(JSVGCanvas.ALWAYS_DYNAMIC);
        canvas.setSize(400,400);
        getContentPane().add(canvas);
        canvas.setDocument(createSVG());
    }

    private Document createSVG(){
        DOMImplementation impl = SVGDOMImplementation.getDOMImplementation();
        final String svgNS = SVGDOMImplementation.SVG_NAMESPACE_URI;
        final Document doc = impl.createDocument(svgNS, "svg", null);

        Element svgRoot = doc.getDocumentElement();
        svgRoot.setAttributeNS(null, "overflow", "visible");
        svgRoot.setAttributeNS(null, "width", "400");
        svgRoot.setAttributeNS(null, "height", "400");

        Element rectangle = doc.createElementNS(svgNS, "rect");
        rectangle.setAttributeNS(null, "x", "-10");
        rectangle.setAttributeNS(null, "y", "-10");
        rectangle.setAttributeNS(null, "width", "200");
        rectangle.setAttributeNS(null, "height", "200");
        rectangle.setAttribute("style", "fill:red");

        svgRoot.appendChild(rectangle);
        return doc;
    }

    public static void main(String[] args) {
        java.awt.EventQueue.invokeLater(new Runnable() {
            public void run() {
                new Application().setVisible(true);
            }
        });
    }
}