File:Animated_clock.svg
維基百科,自由的 encyclopedia
![File:Animated clock.svg](http://upload.wikimedia.org/wikipedia/commons/thumb/d/d8/Animated_clock.svg/600px-Animated_clock.svg.png)
此SVG文件的PNG预览的大小:600 × 600像素。 其他分辨率:240 × 240像素 | 480 × 480像素 | 768 × 768像素 | 1,024 × 1,024像素 | 2,048 × 2,048像素。
原始文件 (动画SVG文件,尺寸为800 × 800像素,文件大小:3 KB)
注意:由于技术限制,该文件的缩略图无法进行动画处理。
![]() |
本图片是一个SVG动画文件。上述.png预览图像是用RSVG生成的,其用于维基媒体网站,但不能显示动画,而且可能图像会不完整或存在错误。要看到动画,请打开media:Animated clock.svg。这应该在现代浏览器或阅读器中工作。最新版本的Chrome、Firefox、Microsoft Edge、Safari及Opera都支持基于SMIL的SVG动画。
其他SVG动画文件可在Category:Animated SVG files找到。
|
摘要
描述Animated clock.svg |
English: Animated clock. |
日期 | |
来源 | 自己的作品 |
作者 | Grufo |
其他版本 |
|
SVG开发 InfoField |
许可协议
我,本作品著作权人,特此采用以下许可协议发表本作品:
![]() |
本库为自由软件,您可以在自由软件基金会出版的GNU宽通用公共许可证第3版或更新版本的条款下再分发和/或修改本作品。分发本作品是希望它能有用,但没有任何担保,甚至没有隐含的销售或对于特定目的的适应性的担保。详见GNU宽通用公共许可证正文。 GNU Lesser General Public LicenseLGPLhttps://www.gnu.org/copyleft/lgpl.htmltrue |
Synchronizing the clock with the current time
It is possible to synchronize the animation with the current local time by adding the following code at the end of the SVG file (before the final </svg>
tag):
<script>
var oDate = new Date(), nHours = oDate.getHours() % 12, nMinutes = oDate.getMinutes(), nSeconds = oDate.getSeconds();
document.querySelector('.clock-second-hand').setAttribute('transform', 'rotate(' + (nSeconds * 6) + ', 400, 400)');
document.querySelector('.clock-minute-hand').setAttribute('transform', 'rotate(' + (nMinutes * 6 + nSeconds / 10) + ', 400, 400)');
document.querySelector('.clock-hour-hand').setAttribute('transform', 'rotate(' + (nHours * 30 + nMinutes / 2 + nSeconds / 120) + ', 400, 400)');
</script>
Currently Wikimedia Commons does not allow SVG files that contain scripts.
说明
添加一行文字以描述该文件所表现的内容
此文件中描述的项目
描繪內容
GNU宽通用公共许可证3.0或更高版本 简体中文(已转写)
image/svg+xml
2,935 字节
800 像素
800 像素
10 10 2023
文件历史
点击某个日期/时间查看对应时刻的文件。
日期/时间 | 缩略图 | 大小 | 用户 | 备注 | |
---|---|---|---|---|---|
当前 | 2024年2月2日 (五) 01:47 | ![]() | 800 × 800(3 KB) | Grufo | Symmetry |
2023年10月10日 (二) 05:40 | ![]() | 800 × 800(3 KB) | Grufo | =={{int:filedesc}}== {{Information |description={{en|1=Animated clock.}} |date=2023-10-10 |source={{own}} |author=Grufo |permission= |other versions=<gallery> Station Clock.svg|Static version </gallery> }} =={{int:license-header}}== {{LGPLv3}} == Synchronizing the clock with the current time == It is possible to synchronize the animation with the current local time by adding the following code at the end of the SVG file (before the <code></svg></code> tag at the end of... |
文件用途
没有页面链接到本图像。
元数据
此文件中包含有扩展的信息。这些信息可能是由数码相机或扫描仪在创建或数字化过程中所添加。
如果此文件的源文件已经被修改,一些信息在修改后的文件中将不能完全反映出来。
宽度 | 800px |
---|---|
高度 | 800px |