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 |
许可协议
我,本作品著作权人,特此采用以下许可协议发表本作品:
![]() |
This library is free software; you can redistribute it and/or modify it under the terms of the GNU Lesser General Public License as published by the Free Software Foundation; either version 3 of the License, or any later version. This work is distributed in the hope that it will be useful, but WITHOUT ANY WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU Lesser General Public License for more details. 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.
说明
添加一行文字以描述该文件所表现的内容
此文件中描述的项目
描绘内容
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 |