SVG 中使用 JavaScript
xml version="1.0"?>DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.0//EN""http://www.w3.org/TR/2001/REC-SVG-20010904/DTD/svg10.dtd"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink=http://www.w3.org/1999/xlink width="100%" height="100%"><desc>显示一个正方形和一个圆形desc><defs><rect id="myrect" width="150" height="150" fill="red" x="15" y="15" stroke="black"/><circle id="mycircle" r="75" fill="white" stroke="black" cx="150" cy="150"/>defs><use xlink:href="#myrect" /><use xlink:href="#mycircle" />svg> 为了更好的理解SVG中的标签，可以和HTML标签作个简单的比较，SVG中的和HTML中的类似，和和
发布日期：2021-10-01 08:44:42
浏览次数：3
分类：技术文章
本文共 1352 字，大约阅读时间需要 4 分钟。
作者: SVG(Scalable Vector Graphics)是一种基于XML的语言，用来在Web中绘制矢量图形。当前，除了Mozilla 2.0外，没有一款浏览器在本质上支持SVG，都需要插件来显示SVG图形，著名的有Adobe公司和Corel公司的SVG插件。 一个简单的SVGxml version="1.0"?>DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.0//EN""http://www.w3.org/TR/2001/REC-SVG-20010904/DTD/svg10.dtd"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink=http://www.w3.org/1999/xlink width="100%" height="100%"><desc>显示一个正方形和一个圆形desc><defs><rect id="myrect" width="150" height="150" fill="red" x="15" y="15" stroke="black"/><circle id="mycircle" r="75" fill="white" stroke="black" cx="150" cy="150"/>defs><use xlink:href="#myrect" /><use xlink:href="#mycircle" />svg> 类似。 在SVG中可以使用JavaScript，当需要遵循一些规则：必须使用type属性；language属性是非法的；使用特殊XML字符时可以使用CDATA（SVG和CDATA都遵循XML规范）；xlink:href替换src。 xml version="1.0"?>DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.0//EN""http://www.w3.org/TR/2001/REC-SVG-20010904/DTD/svg10.dtd"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink=http://www.w3.org/1999/xlink width="100%" height="100%"><desc>显示一个正方形和一个圆形desc><defs><rect id="myrect" width="150" height="150" fill="red" x="15" y="15" stroke="black"/><circle id="mycircle" r="75" fill="white" stroke="black" cx="150" cy="150"/>defs><use xlink:href="#myrect" /><use xlink:href="#mycircle" />svg> 在SVG中使用JavaScript可以写在如下几个位置：标签之后；在中；在标签之前。
xml version="1.0"?>DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.0//EN""http://www.w3.org/TR/2001/REC-SVG-20010904/DTD/svg10.dtd"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink=http://www.w3.org/1999/xlink width="100%" height="100%"><desc>显示一个正方形和一个圆形desc><defs><rect id="myrect" width="150" height="150" fill="red" x="15" y="15" stroke="black"/><circle id="mycircle" r="75" fill="white" stroke="black" cx="150" cy="150"/>defs><use xlink:href="#myrect" /><use xlink:href="#mycircle" />svg> 转载地址：https://blog.csdn.net/iteye_263/article/details/81398454 如侵犯您的版权，请留言回复原文章的地址，我们会给您删除此文章，给您带来不便请您谅解！
发表评论
最新留言
能坚持，总会有不一样的收获！
[***.219.124.196]2024年04月12日 20时20分20秒
关于作者
喝酒易醉，品茶养心，人生如梦，品茶悟道，何以解忧？唯有杜康！
-- 愿君每日到此一游！
推荐文章
回收站东西太多删不掉
2019-04-29
超融合与云计算的区别是什么？
2019-04-29
SuperSocket
2019-04-29
修改ant design的tooltip组件中的字体颜色（2分钟解决战斗）
2019-04-29
参观邓小平故居有感
2019-04-29
教你如何查看linux版本
2019-04-29
Linux下利用crontab执行任务
2019-04-29
RedHat Linux下注册Apache为系统服务
2019-04-29
使用LoadRunner监控Apache的步骤
2019-04-29
LoadRunner录制脚本时报加载GrooveUtil.dll出错的解决方法
2019-04-29
用Spotlight实时监控Windows Server 2008
2019-04-29
Tomcat 6.0.32中调整JVM大小及最大线程数
2019-04-29
Mysql数据库下载及安装
2019-04-29
MySql安装时解决要输入current root password的方法
2019-04-29
Linux下free命令详解
2019-04-29
Linux下启动rpc时提示Cannot register service: RPC: Unableto receive; errno = Connectionrefused的问题
2019-04-29
Google纪念遗传学之父孟德尔诞辰一百周年图标
2019-04-29
在Apache下配置多个虚拟主机站点
2019-04-29
Apache中目录权限访问控制配置
2019-04-29
Apache的认证和授权配置
2019-04-29
白红宇的个人博客 - 记录点点滴滴的事 - 您是第 309494583 位访客
访问时间: 2024-05-01 00:39:32
访问IP: 18.216.123.120
Copyright © 2020 - 2023 blog.css8.cn 京ICP备2021015314号-1
手机版