在 gwt 中显示 svg 文件答案

【问题标题】：Displaying svg file in gwt在 gwt 中显示 svg 文件
【发布时间】：2013-11-05 11:00:36
【问题描述】：

我是 gwt 的新手，在我的应用程序中，我必须显示一个从服务器获取的 svg 文件。问题是我能够从服务器端获取 svg 文件并使用 HTMLPanel 显示。但是事件没有被触发。就像鼠标悬停，拖放事件等在里面他们没有被解雇的svg文件。请告诉我如何解决这个问题。

下面是我的代码图像 = 新 HTMLPanel(response.getText()); rootPanel.add(image);

提前致谢，普雷迪普

【问题讨论】：

1) 您能否展示您的代码，在其中您尝试触发和处理鼠标事件？ 2) 如果您将整个 svg 结构添加为文本，则元素不会被视为任何 GWT 对象，只是纯 html，因此不会附加任何事件处理程序。
感谢您的回复，我从下面的链接中读到的是，我们不需要在 gwt 中明确写入任何鼠标悬停事件。svg 文件中的事件将被触发。所以我没有写任何事件处理程序。是的，你是对的，整个 svg 文件被视为一些文本。那么我该如何解决？ stackoverflow.com/questions/12858907/…

标签： gwt svg

【解决方案1】：

我猜您正在尝试将 SVG XML 或数据 URI 显示为 HTML？如果是这样，该文本将不会生成任何事件，只有HTMLPanel 会。以下代码应允许您向HTMLPanel 添加处理程序：

image.addDomHandler(new MouseOverHandler() {

    @Override
    public void onMouseOver(MouseOverEvent event) {
        System.out.println("Mouse over");
    }
}, MouseOverEvent.getType());

以同样的方式附加其他事件处理程序。

【讨论】：