news 2026/4/16 5:11:24

30、可缩放矢量图形(SVG)与VML、SMIL技术解析

作者头像

张小明

前端开发工程师

1.2k 24
文章封面图
30、可缩放矢量图形(SVG)与VML、SMIL技术解析

可缩放矢量图形(SVG)与VML、SMIL技术解析

1. 可缩放矢量图形(SVG)概述

1998年,除了VML,W3C还收到了另外三项与矢量图形相关的提案:
- 精密图形标记语言(1998年3月)。
- 万维网网络示意图,由研究理事会中央实验室理事会代表于1998年3月提交的提案(W3C也给予了注释状态)。
- DrawML规范,由瑞典IT咨询公司Excosoft AB的Håkan Lothigius于1998年12月提交。DrawML类似于网络示意图,但依赖于Java功能。

这些提案旨在发起并促进讨论和协商。1999年初,W3C成立了可缩放矢量图形(SVG)工作组,成员来自Adobe、Apple、Autodesk等众多组织。经过近三年的起草、讨论、协商和开发,2001年9月,SVG小组的提案被W3C认可为可缩放矢量图形(SVG)1.0规范。此后,开发工作仍在继续,2002年末发布了两项W3C建议提案:可缩放矢量图形(SVG)1.1规范以及移动SVG配置文件(SVG Tiny和SVG Basic)的组合。2002年8月发布了XHTML + MathML + SVG配置文件的工作草案提案。

SVG是一种非常稳定的基于XML的标准,许多公司都在努力实现它。预计SVG最终将取代VML,成为主流的图形相关XML应用。

2. 创建VML文档

VML图形可能非常复杂且令人印象深刻,但如果过于复杂,也会消耗大量资源。下面通过两个实验来展示如何使用VML。

2.1 简单而令人印象深刻的VML示例

这个示例通过几行代码就能创建出有趣的效果。操作步骤如下:
1. 从指定网站

版权声明: 本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若内容造成侵权/违法违规/事实不符,请联系邮箱:809451989@qq.com进行投诉反馈,一经查实,立即删除!
网站建设 2026/4/10 17:41:51

GPU显存故障检测利器:memtest_vulkan深度解析

GPU显存故障检测利器:memtest_vulkan深度解析 【免费下载链接】memtest_vulkan Vulkan compute tool for testing video memory stability 项目地址: https://gitcode.com/gh_mirrors/me/memtest_vulkan 你的显卡是否在运行大型游戏时突然崩溃?画…

作者头像 李华
网站建设 2026/4/8 16:52:46

LosslessCut:零基础也能轻松掌握的无损视频剪辑神器

还在为视频剪辑后画质变差而烦恼吗?LosslessCut这款革命性的无损视频编辑工具,让你在不损失任何画质的情况下完成专业级的视频处理。无论你是想从长视频中提取精彩片段,还是需要为不同设备优化视频格式,这款被誉为"音视频编辑…

作者头像 李华
网站建设 2026/4/11 5:36:25

2025全景解析:Web图像处理的三大革命性突破

2025全景解析:Web图像处理的三大革命性突破 【免费下载链接】cropper ⚠️ [Deprecated] No longer maintained, please use https://github.com/fengyuanchen/jquery-cropper 项目地址: https://gitcode.com/gh_mirrors/cr/cropper 在当今数字化时代&#x…

作者头像 李华
网站建设 2026/4/10 15:53:59

企业级权限架构重构:从功能模块到业务能力的设计转型

企业级权限架构重构:从功能模块到业务能力的设计转型 【免费下载链接】pig 项目地址: https://gitcode.com/gh_mirrors/pig/pig 在企业级权限管理系统的演进过程中,传统基于功能模块的划分方式已难以满足现代微服务架构的复杂需求。本文将从业务…

作者头像 李华
网站建设 2026/4/13 7:19:22

3、基于机器学习技术的智能交通控制系统

基于机器学习技术的智能交通控制系统 1 概述 如今,汽车和卡车数量不断增加,而现有基础设施资源有限,这使得交通问题日益严重。使用公共道路出行的主体包括行人、骑行或放牧的动物、汽车、无轨电车等,道路上的交通可以双向流动。交通法规用于管理和规范车辆,而道路规则不…

作者头像 李华