博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
动态制作svg介绍
阅读量:4030 次
发布时间:2019-05-24

本文共 1100 字,大约阅读时间需要 3 分钟。

http://blog.itpub.net/post/860/39133
近日从来邮中,发觉网友对动态制作svg很感兴趣,但却难以入手,现介绍一下(使用jsp)。
首先制作svg:

 

drawCircle.jsp:

-------------------------------------------------
<?xml version="1.0"?>

<%@ page contentType="text/xml" %>

<svg>
<circle cx="<%=request.getParameter("x")%>" cy="<%=request.getParameter("y")%>" r="<%=request.getParameter("r")%>" />
</svg>
-------------------------------------------------

这是画一个圆,其中圆中心,圆半径由参数定。各位可以测试这个程序,在浏览器地址栏打入:

应该可以看到:

-----------------------------------------------------
<?xml version="1.0"?>
<svg>
<circle cx="40" cy="40" r="30" />
</svg>
-----------------------------------------------------

如果看到这个结果,测试就成功了。接下来,怎样显示呢?因为目前的浏览器并不直接支持svg,

所以前面即使将"<%@ page contentType="text/xml" %>"换成"<%@ page contentType="text/xml+svg" %>"
或"<%@ page contentType="image/xml+svg" %>之类也是徒劳的。解决之道是激发plug-in作用,所以要
添加一个辅助文件,html或jsp皆可:

test.html:

-------------------------------------------------
<html>
<body>
<embed type="image/svg+xml" src="drawCircle.jsp?x=40&y=40&r=30" width="100" height="100" />
</body>
</html>
-------------------------------------------------
现在,在浏览器地址栏打入:

就能看到你所需的

转载地址:http://nsqbi.baihongyu.com/

你可能感兴趣的文章
excel 查找一个表的数据在另一个表中是否存在
查看>>
centos 7 上配置dnsmasq 同时支持ipv4和ipv6的DHCP服务
查看>>
AsyncTask、View.post(Runnable)、ViewTreeObserver三种方式总结frame animation自动启动
查看>>
Android中AsyncTask的简单用法
查看>>
S3C6410启动模式介绍
查看>>
Jlink + ADS调试 S3C2440
查看>>
2440初始化存储器原理(接上一篇)
查看>>
S3C2440 USB 设备控制器(转)
查看>>
Linux usb 设备驱动 (1)
查看>>
解决跨网场景下,CAS重定向无法登录的问题(无需修改现有代码)
查看>>
java反编译命令
查看>>
activemq依赖包获取
查看>>
概念区别
查看>>
关于静态块、静态属性、构造块、构造方法的执行顺序
查看>>
final 的作用
查看>>
在Idea中使用Eclipse编译器
查看>>
idea讲web项目部署到tomcat,热部署
查看>>
优化IDEA启动速度,快了好多。后面有什么优化点,会继续往里面添加
查看>>
JMeter 保持sessionId
查看>>
IDEA Properties中文unicode转码问题
查看>>