当前位置：文江博客话题详情

Wicket 和 SVG - 存在任何组件吗？

发布于 2024-08-30 22:11:22 字数 290 浏览 3 评论 0原文

SVG DOM 可以用 JavaScript 控制，因此它可以支持 AJAX...我想知道 Wicket 是否有一些 SVG 组件。如果 Wicket 可以使用纯 xml/svg 作为输出格式。

快速谷歌搜索仅显示问题在代码牧场。

原文

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

春风十里 2024-09-06 22:11:22

我不知道你是否还需要 wicket-svg 库。但我在 github 上启动了一个项目，提供 wicket 组件来使用 svg。

请点击此链接：wicket-svg

回复收藏 0 原文

天荒地未老 2024-09-06 22:11:22

我不知道构建的组件，但 Wicket 肯定可以将 xml/svg 作为输出格式，并且制作一个呈现 svg 的页面非常简单。

愚蠢的简单示例代码：

public class Rectangle extends Page {

    @Override
    public String getMarkupType() {
        return "xml/svg";
    }

    @Override
    protected void onRender(MarkupStream markupStream) {
        PrintWriter writer = new PrintWriter(getResponse().getOutputStream());
        writer.write(makeRectangleSVG());
        writer.flush();
        writer.close();
    }

    private String makeRectangleSVG() {
        return "<?xml version=\"1.0\" standalone=\"no\"?>\n" +
            "<!DOCTYPE svg PUBLIC \"-//W3C//DTD SVG 1.1//EN\"\n" +
            "\"http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd\">\n" +
            "\n" +
            "<svg width=\"100%\" height=\"100%\" version=\"1.1\"\n" +
            "xmlns=\"http://www.w3.org/2000/svg\">\n" +
            "\n" +
            "<rect width=\"300\" height=\"100\"\n" +
            "style=\"fill:rgb(0,0,255);stroke-width:1;\n" +
            "stroke:rgb(0,0,0)\"/>\n" +
            "\n" +
            "</svg> ";
    }
}

如果您将其映射为可添加书签的页面并调用它，它会根据硬编码的 svg（从 w3schools 示例中窃取）显示一个可爱的蓝色矩形。当然，您可以轻松地参数化页面并生成 svg，而不仅仅是发送常量字符串...

我怀疑基于 object 标记构建一个组件也不难，这样svg 可以显示为 html 页面的一部分，而不是像这样显示整个页面，但我还没有尝试这样做。

I don't know of components built, but Wicket definitely can have xml/svg as output format, and it's quite simple to make a Page that renders svg.

Dumb simple example code:

public class Rectangle extends Page {

    @Override
    public String getMarkupType() {
        return "xml/svg";
    }

    @Override
    protected void onRender(MarkupStream markupStream) {
        PrintWriter writer = new PrintWriter(getResponse().getOutputStream());
        writer.write(makeRectangleSVG());
        writer.flush();
        writer.close();
    }

    private String makeRectangleSVG() {
        return "<?xml version=\"1.0\" standalone=\"no\"?>\n" +
            "<!DOCTYPE svg PUBLIC \"-//W3C//DTD SVG 1.1//EN\"\n" +
            "\"http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd\">\n" +
            "\n" +
            "<svg width=\"100%\" height=\"100%\" version=\"1.1\"\n" +
            "xmlns=\"http://www.w3.org/2000/svg\">\n" +
            "\n" +
            "<rect width=\"300\" height=\"100\"\n" +
            "style=\"fill:rgb(0,0,255);stroke-width:1;\n" +
            "stroke:rgb(0,0,0)\"/>\n" +
            "\n" +
            "</svg> ";
    }
}

If you map this as a bookmarkable page and call it up, it does display a lovely blue rectangle, as per the hard-coded svg (stolen from a w3schools example). And of course you could easily parametrize the page and generate the svg instead of just sending a constant string...

I suspect it also wouldn't be hard to build a component based on the object tag so that svg could be shown as part of an html page rather than being the whole page like this, but I haven't yet tried to do so.

回复收藏 0 原文

~没有更多了~