在GWT中使用SVG
在GWT（Google Web Toolkit）中使用SVG（可缩放矢量图形）可以让您创建复杂的、动态的、高质量的图形和图表。SVG 是一种基于 XML 的图像格式，它允许您创建可缩放的矢量图形，这意味着它们可以在不失真的情况下缩放大小。
以下是在GWT中使用SVG的一些基本步骤：
- 首先，在您的GWT项目中，需要添加SVG支持库。您可以使用gwt-svg库，它是一个用于处理SVG的GWT库。将以下依赖项添加到您的项目的pom.xml文件中：
<groupId>com.googlecode.gwt-svg</groupId>
<artifactId>gwt-svg</artifactId>
<version>2.0.3</version>
</dependency>- 在您的GWT模块描述文件中，将SVG库添加到<inherits>标签中：
<inherits name="com.google.gwt.svg.Svg" />- 在您的GWT代码中，使用SVGRoot类创建SVG图形。例如，以下代码创建了一个简单的SVG矩形：
import com.google.gwt.core.client.EntryPoint;
import com.google.gwt.user.client.ui.RootPanel;
import com.google.gwt.svg.client.SVGRoot;
import com.google.gwt.svg.client.RectElement;
public class MyEntryPoint implements EntryPoint {
public void onModuleLoad() {
// 创建SVG根元素
SVGRoot svgRoot = new SVGRoot();
// 创建矩形元素
RectElement rect = new RectElement(10, 10, 100, 50);
rect.setFillColor("blue");
// 将矩形添加到SVG根元素中
svgRoot.add(rect);
// 将SVG根元素添加到页面中
RootPanel.get().add(svgRoot);
}
}- 在您的HTML文件中，将SVG图形嵌入到页面中。例如：
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<title>SVG Example</title>
<script type="text/javascript" language="javascript" src="myapp/myapp.nocache.js"></script>
</head>
<body>
<div id="myapp"></div>
</body>
</html>通过以上步骤，您可以在GWT中使用SVG创建复杂的、动态的、高质量的图形和图表。您可以使用GWT的SVG库提供的各种类和方法来创建和操作SVG图形。
相关·内容
2回答
GWT ClientBundle (ImageBundle)中的用户svg图像
java、gwt、svg、clientbundle
我通常使用GWT ClientBundle来管理我的应用程序中的映像，如下所示ImageResource info();
不，我想切换到.svg图形，但是我没有找到在ClientBundle中使用svg的方法，比如SVGResource之类的。我知道svg在GWT中是受支持的，有可能将这些图形插入到GWT</
浏览 5提问于2015-05-28得票数 4
回答已采纳
1回答
如何在Javascript中访问GWT代码中的函数/变量？
javascript、java、gwt
我正在尝试使用已被混淆的代码中的一些函数。因此，我有一个html文件，它通过标记调用JS文件： <script src="gwt_svg_viewer/gwt_svg_viewer.nocache.js"></script> 该文件定义了一个名为"onScriptdownloaded“的函数，它接收如下所示的字符串： gwt_svg_viewer.onScriptDownload
浏览 25提问于2020-04-23得票数 0
回答已采纳
1回答
在Chrome中不工作的SVG动画(在GWT中使用animateTransform )
javascript、gwt、animation、svg
我使用GWT和GWTGraphics库为svg元素创建动画。我使用GWTGraphics库来创建path元素，使用animateTransform元素(它被附加到path元素)来创建旋转动画。我在Firefox4.0中进行了测试，它运行得很好。然后我测试了Chrome (ver )。和歌剧(11.61)但什么都没发生。因此，我尝试复制html，因为它是由使用Chrome开发工具的gwt代码生成的，并使用复制的代码创建
浏览 6提问于2012-03-19得票数 1
2回答
使用GWT类在<svg>中创建的<path>不会出现在屏幕上
dom、gwt、svg
我只想使用DOM操作(通过DOM类)在GWT中创建一个简单的SVG图形。最后(在用GWT编译器编译之后)，我希望在<path>元素中有一个<svg>元素。stroke", "black"); svg.appendChild(path);
浏览 3提问于2011-10-12得票数 3
回答已采纳
1回答
GWTCanvas不适用于IE8
java、javascript、gwt、internet-explorer-8
我们在我们的项目中大量使用GWTCanvas，它工作得很好。
以这种方式解决了这一问题：
希望这能帮上忙。
浏览 2提问于2012-10-26得票数 2
1回答
GXT3:如何实现svg按钮
java、gwt、gxt
使用SVG图标比png/gif图标有很多优点。因此，我希望实现一个svg按钮类来充当gwt小部件。GXT 3中是否已经有什么东西存在？或者，实现这样一个小部件的最佳选择是什么？谢谢。更多详情：
我需要一个纯可点击的svg图标，就像一个按钮小部件。它需要有鼠标点击处理程序和能力应用不同的css在三种状态:正常，悬停，禁用。我不想要一个按钮与svg图标在里面。
浏览 2提问于2016-01-11得票数 1
2回答
如何从url中加载gwt小部件中的svg
gwt、svg
我有一个servlet，它提供png和svg映像。对于巴布亚新几内亚，我没有问题：但是如何让svg工作呢？我已经在我的依赖项中添加了"lib-gwt-svg“。有一个SVGImage类：
SVGImage svg = new SVGImage(OMSVGParser.parse(???))或者如何让它工作(不管有没有&quo
浏览 3提问于2012-10-12得票数 1
回答已采纳
1回答
使用Java在SVG中显示文本
java、svg、tags
我使用java成功地在svg中画了一条线。在包含svg的div中使用GWT标签显示行标记或名称。有没有办法使用svg本身来显示标签？(不使用标签和div)
浏览 2提问于2014-12-09得票数 1
2回答
创建一个简单的overlay类？
gwt、svg、jsni
我想在GWT中创建一些非常简单的覆盖类来包装一些SVG内容。我基本上想画一个矩形，这就是我在javascript中的方法：rect.setAttribute("height",
浏览 1提问于2010-01-26得票数 4
回答已采纳
1回答
smartgwt绘图
gwt、smartgwt
我是GWT的新手，我从事一个涉及RPC和MySQL的项目。我想动态地绘制一个网络图，其中包括带有箭头的椭圆和线条。我正在考虑使用SmartGWT DrawOval和DrawLinePath。1)仅将SmartGWT用于绘制形状和将GWT用于布局/小部件/RPC/等其他方面是否有意义？2)我知道建议不要混合GWT和SmartGWT，所以我想知道是否可以安全地将绘图小部件与其他GWT组件混合使用。谢谢。
浏览 2提问于2012-08-07得票数 2
2回答
在JavaScript代码中引用GWT中的JavaScript库
gwt、javascript、d3.js、jsni
我正在使用，并编写了一些javascript代码，它们已经绘制了我想要的动画。为了简单起见，假设我想使用示例源代码。我正在尝试使用GWT围绕动画构建更丰富的用户界面。例如，如果我在GWT java中设计了一个按钮来打开/关闭粒子动画并触发一个"StopAnimation()“javascript函数，我应该把d3.js库放在哪里，以便正确引用它？在我的例子中，我唯一需要从GWT接口的javascr
浏览 3提问于2012-07-29得票数 0
回答已采纳
1回答
将ClickHandler与原生Javascript对象一起使用？
java、gwt、event-handling
在Javascript中，我创建了一个SVG形状，并添加了一个单击处理程序，如下所示： rect.addEventListener('click', myClickHandler, false);
这很好用。我正在尝试在GWT中
浏览 0提问于2010-01-25得票数 4
回答已采纳
1回答
在后台修改SVG
javascript、svg
我以前在Java (GWT)中这样做过，我将图标加载到助手类(SvgHelper)中的一个变量中，然后每当我想在任何地方显示特定元素的图标时，我调用svgHelper.getIcon(元素)，它修改了svg现在，当我想在javascript中使用它时，似乎，为了以任何方式使用SVG，它必须首先在DOM中运行。
是否有一种方法可以在“背景中”使用SVG</e
浏览 2提问于2019-04-05得票数 0
回答已采纳
1回答
动态加载的SVG似乎不再执行onload函数了。
javascript、html、google-chrome、gwt、svg
我有一个使用GWT作为“单页应用程序”编写的现有应用程序。可以发生的许多事情之一是，用户提供的SVG被加载到页面中进行查看。用户可以(从SVG)调用主应用程序中的函数来检索或设置值。由于最近(不确定确切时间)，Chrome在从GWT加载SVG时不再执行onload。但是旧版本的Chrome有，Opera有，还有很多(全部？)火狐的版本就是这样。SVG的加载看起来像；
import com.google.gwt.dom.client.E
浏览 0提问于2014-04-18得票数 1
回答已采纳
1回答
使用GWT检查图像的大小
java、javascript、gwt、svg、gwt2
我有一个生成SVG文件的GWT应用程序。<image href="http://some.image/URL.png&quo
浏览 0提问于2012-03-10得票数 3
回答已采纳
1回答
无flash的GWT流程图/树形库
java、javascript、gwt、charts、svg
有没有人知道有一个图表库支持流程图(树)，但不使用任何浏览器插件(如Flash )来实现(SVG也可以)？谢谢,
z。
浏览 1提问于2011-10-26得票数 1
1回答
Google工具包将SVG图像绘制到画布小部件上
gwt、canvas、svg
无法理解如何在GWT中的画布小部件上绘制SVG图像。尝试使用拉面JS库，但我对JS和Raphael库不太熟悉--没有任何SVG绘图教程。谁能帮上忙.？萨克斯..。
浏览 1提问于2014-04-06得票数 0
回答已采纳
2回答
用于交互式绘图的GWTCanvas或gwt-graphics？
java、gwt、java-canvas
你更喜欢gwt-graphics还是GWTCanvas？
浏览 0提问于2012-12-03得票数 0
回答已采纳
2回答
在GWT中同时连接java.awt.Graphics2D和Html5画布上下文是可行的吗？
html、gwt、canvas、awt、graphics2d
我有一个大量使用java.awt.Graphics2d的java库。
我想使用gwt将我的库移植到html5 canvas。所以我计划编写一个接口(或者仅仅是一个类)，比如说common.Graphics2d，一个适配器类，比如com.test.awt.Graphics2d，实现common.Graphics2d并使用java.awt.Graphics2d另一个适配器类，比如com.test.gwt.Graphics2d，实现common.Graphics2d并使用com.google.
浏览 0提问于2011-06-17得票数 2
1回答
在gwt中显示svg文件
gwt、svg
我是gwt的新手，在我的应用程序中，我必须显示从服务器获得的svg文件。问题是我能够从服务器端获得svg文件并使用HTMLPanel显示。但是事件不会被fired.Like鼠标移过，拖放事件等等，这些事件在svg文件中它们不会被触发。请告诉我如何解决这个问题。
浏览 2提问于2013-11-04得票数 0
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
即时通信 IM
ICP备案
对象存储
实时音视频活动推荐
腾讯云开发者
