HTML5 内联 SVG(八)
admin
2023-02-11 02:20:03
0次

什么是SVG？

  • SVG 指可伸缩矢量图形 (Scalable Vector Graphics)

  • SVG 用于定义用于网络的基于矢量的图形

  • SVG 使用 XML 格式定义图形

  • SVG 图像在放大或改变尺寸的情况下其图形质量不会有损失

  • SVG 是万维网联盟的标准

SVG 的优势

与其他图像格式相比（比如 JPEG 和 GIF），使用 SVG 的优势在于：

  • SVG 图像可通过文本编辑器来创建和修改

  • SVG 图像可被搜索、索引、脚本化或压缩

  • SVG 是可伸缩的

  • SVG 图像可在任何的分辨率下被高质量地打印

  • SVG 可在图像质量不下降的情况下被放大

浏览器支持

Internet Explorer 9、Firefox、Opera、Chrome 以及 Safari 支持内联 SVG。

把 SVG 直接嵌入 HTML 页面

在 HTML5 中，您能够将 SVG 元素直接嵌入 HTML 页面中：

实例

结果

HTML5 内联 SVG(八)

上一篇：HTML5如何使用地理定位

下一篇：HTML5 三维、图形与特效(七)

相关内容

热门资讯

裸体在家犯法还是拍别人裸照犯法... 近日，#男子在家裸体被邻居拍照发群#一事引发热议。据报道，某小区一名男业主在家中未穿衣物，对面女业主...
“每天跟遛狗一样”，万亿资金，... 进入7月，市场波动加大，A股关于量化交易的争议再次达到顶峰。由于散户与量化机构之间的“体感温差”显著...
特朗普：对伊朗战争进展顺利 当地时间7月23日，美国总统特朗普再次称，“美国在对抗伊朗方面进展很顺利，表现得极其出色，好得超乎任...
国务院成立广西六蓝水库溃坝灾害... 7月6日，广西南宁横州市六蓝水库发生溃坝，造成重大人员伤亡。根据国家有关法律法规规定，国务院成立调查...
倚美搞事，菲律宾政府连“为奴”... 南海的风浪，很大一部分是菲律宾政府自己搅起来的。近年来，菲政府在仁爱礁、黄岩岛等地小动作频频，不仅频...
雨花台区企业摘得国家科学技术进... 晨报讯（南京晨报/爱南京记者 陈彦）记者从南京市雨花台区获悉，在新近揭晓的2025年度国家科学技术奖...
美国公布新关税措施，日本、澳大... 据法新社、澳大利亚广播公司（ABC）报道，针对美国将于美东时间24日以所谓“强迫劳动”为名对数十个国...
济南大数据集团激活数据要素潜能... 走进“泉数汇·数港”线下体验空间，健康画像、求职背调、“泉涌”工作站等数据产品一字排开，来访者可以像...
太保寿险河南分公司举办员工家庭... 5月22日，中国太保寿险河南分公司在郑州举办绩优干部员工家庭开放日活动，邀请员工家属走进企业，参观办...
“展现了推动人工智能普惠向善发... 7月17日至20日，2026世界人工智能大会暨人工智能全球治理高级别会议在上海举行，习近平主席出席开...