5

我正在尝试使用 getBBox() 在文本元素周围绘制一个矩形,代码非常简单,创建文档,添加文本元素,启动文档并添加矩形。问题是 getBBox 返回一些奇怪的值,我错过了什么吗?

DOMImplementation impl;
String svgNS;
SVGDocument doc;
Element svgRoot;

UserAgent userAgent;
DocumentLoader loader;
BridgeContext ctx;
GVTBuilder builder;
GraphicsNode rootGN;

...

// get a DOM and create a document
impl = SVGDOMImplementation.getDOMImplementation();
svgNS = SVGDOMImplementation.SVG_NAMESPACE_URI;
doc = (SVGDocument)impl.createDocument(svgNS, "svg", null);

// Get (the 'svg' element).
svgRoot = doc.getDocumentElement();

// Set the width and height attributes on the root 'svg' element.
svgRoot.setAttributeNS(svgNS, "width", "400");
svgRoot.setAttributeNS(svgNS, "height", "450");

// Add a text element
Element txtElem = doc.createElementNS(svgNS, "text");
txtElem.setAttributeNS(svgNS, "x", "30");
txtElem.setAttributeNS(svgNS, "y", "50");
txtElem.setAttributeNS(svgNS, "style", "font-family:Arial;font-size:20;stroke:#000000;#fill:#00ff00;");
txtElem.setTextContent("sometext");

svgRoot.appendChild(txtElem);

// boot the document
userAgent = new UserAgentAdapter();
loader = new DocumentLoader(userAgent);
ctx = new BridgeContext(userAgent, loader);
ctx.setDynamicState(BridgeContext.DYNAMIC);
builder = new GVTBuilder();
rootGN = builder.build(ctx, doc);

// add a bounding box to text elements
NodeList nodelist = doc.getElementsByTagName("text");
for (int i=0; i < nodelist.getLength(); i++) {
    SVGOMTextElement textElem = (SVGOMTextElement)nodelist.item(i);
    SVGRect bbox = textElem.getBBox();

    Element rectangle = doc.createElementNS(svgNS, "rect");
    rectangle.setAttributeNS(svgNS, "x", new Float(bbox.getX()).toString());
    rectangle.setAttributeNS(svgNS, "y", new Float(bbox.getY()).toString());
    rectangle.setAttributeNS(svgNS, "width", new Float(bbox.getWidth()).toString());
    rectangle.setAttributeNS(svgNS, "height", new Float(bbox.getHeight()).toString());
    rectangle.setAttributeNS(svgNS, "fill", "rgba(0,0,0,0)");
    rectangle.setAttributeNS(svgNS, "stroke", "#ff0000");
    rectangle.setAttributeNS(svgNS, "stroke-width", "1");

    svgRoot.appendChild(rectangle);
}

这是我得到的 SVG 文档,你可以看到矩形有不同的 X 和 Y 值(宽度和高度也是错误的)。

<?xml version="1.0" encoding="UTF-8"?>
<svg xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" contentScriptType="text/ecmascript" zoomAndPan="magnify" width="400" contentStyleType="text/css" preserveAspectRatio="xMidYMid meet" height="450" version="1.0">
    <text x="30" style="font-family:Georgia;font-size:20;stroke:#000000;#fill:#00ff00;" y="50">sometext</text>
    <rect x="0.65234375" fill="rgba(0,0,0,0)" width="55.621094" stroke-width="1" stroke="#ff0000" height="8.597656" y="8.425781"/>
</svg>
4

2 回答 2

4

问题来自您必须使用setAttribute而不是setAttributeNS. 指定的xy坐标被忽略,因为它们不是 Batik 在默认命名空间中期望的xy属性,它们似乎被识别为其他未知属性。只需使用这个:

txtElem.setAttribute("x", "30");
txtElem.setAttribute("y", "50");
txtElem.setAttribute("style", "font-family:Arial;font-size:20;stroke:#000000;fill:#00ff00;");
于 2012-08-30T04:59:25.580 回答
4

尝试这个:

rectangle.setAttributeNS(null,

svgNS并且只留下createElementNS.

于 2014-05-06T15:19:31.740 回答