搜了几篇老外的文章，提到 svg 的 forginObject 内的 HTML 元素，当应用 CSS3 动画时，动画的 transform-origin 是基于最外层 body 定位的，貌似无解。
个人建议使用 svg 的 SMIL 动画来实现波纹特效，你大屏展示用的话，兼容性啥的应该不是主要问题
1. 小游戏是用计算机程序制作的。2. 计算机程序可以通过编程语言来实现，儿歌多多的开发者可能使用了一些常见的编程语言，如Java、C++、Python等，来编写小游戏的代码。3. 除了计算机程序，小游戏还需要一些素材，如图片、音频等。这些素材可能是由开发者自己制作，也可能是从其他地方获取的。在制作小游戏时，还需要考虑游戏的玩法、难度等方面，这需要开发者有一定的游戏设计能力。
据了解，儿歌多多里的小游戏是用HTML5技术制作的。
使用HTML5技术可以在不依赖特定平台的情况下，实现跨平台的游戏开发。
同时，HTML5技术具有更好的性能表现和用户体验，也更有利于移动端应用的开发。
同时，儿歌多多还会结合SVG、CSS3等技术实现更加生动、有趣的游戏效果。
SVG（可缩放矢量图形）既可以是静态的，也可以是动态的。
动态SVG是指包含了交互特效、动画效果或基于用户操作的响应的SVG图形。这些效果可以通过CSS和JavaScript等编程语言来实现。动态SVG能够根据用户的行为或特定事件，实现图形的动画效果、颜色变化、位置移动等交互效果，使图像更加生动和吸引人。
需要注意的是，SVG本身是一种静态的文件格式，它可以将静态图像的细节以矢量形式保存下来，以实现无损缩放。然而，通过在静态SVG中添加动画和交互特效，可以实现动态的呈现和交互体验。
svg既可以是静态的，也可以是动态的。
1. 静态的：SVG（可缩放矢量图形）是一种基于XML描述的图形文件格式，它可以用来描述二维图形和图像。
静态的SVG文件在创建后通常不会改变其内容，因此可以看作是静态的图像。
2. 动态的：SVG也支持动态的特性。
借助于CSS和JavaScript，SVG图像可以实现动画、交互和实时更新的效果。
通过设置属性、应用动画效果和使用交互事件，SVG图像可以在页面上实现动态的变化和响应。
所以，总体来说，SVG既可以是静态的，用于展示静态的图形文件，也可以是动态的，通过CSS和JavaScript的支持实现交互和实时更新的效果。
在应用缓存，本地存储，索引数据库和文件应用程序接口的帮助下，HTML5应用甚至能在没有因特网连接的情况下工作。
地理定位只是一个开始，HTML5能够让应用程序访问连结到你计算机上的任何设备。
三、平面和三维效果
在SVG, Canvas, WebGL和CSS3 3D效果这些特性之间，你一定能找到让你的用户眼花缭乱，美不胜收的创意。
音频和视频可是HTML5世界的一等公民，他们将与你的应用程序和网站和睦共处。灯光，摄影，开始!
更有效率的连结性将能带来更实时的聊天，更快的游戏速度以及更好的沟通交流。服务器与客户端之间的网络套接字和邮件摄像头将比以往更加便捷。
使你的应用程序和网络在大量诸如Web Workers和XMLHttpRequest 2这样的技术下更加快速。没有人愿意停下了等你跟进的。
在不牺牲你的讲义结构和性能的情况下，CSS3提供了大量的样式效果和加强你的网络应用。另外WOFF(Web Open Font Format)提供了前所未有的印刷灵活性控制。