cad画钟表_如何在Word中画钟表?

回答:

一、制作时钟各个部件

先交待一下,我们要制作的是典型的闹钟一样的时钟:圆圆的“身体”,长短依次的递减的秒针、分针、时针。现在我们要做的就是先将这身体和指针打造出来。

1)File>New或者直接点击工具栏上的New图标新建一个文件。

2)选择Modify>Movie或者Ctrl+M唤出Movie Properties面板,调整影片的尺寸规格为270×320(当然咯,你也可以自己定义你喜欢的尺寸)。

3)Insert>New Symbol或者Ctrl+F8唤出Symobl Properties面板,新建一个outeregde的Graphic(图形)组件。

4)选择View>Grid>Show Grid或者Ctrl+’打开网格显示开关。这样做的原因是为了在今后的制作过程中对位置的感觉更好些。

5)好了,现在点击工具条中的Oval Tool或者直接按O键选择椭圆工具。按住Shift键画一个圆,这个圆要大些(注:按住Shift画圆可以画出正圆来,同样按住Shift画矩形画出的是正方形)。

6)利用箭头工具(Arrow Tool)选中,接着点选工具栏中的对齐(Align)按钮,在弹出的选择框中先点击最右方的那个to State扭,让其陷入,再分别选择Align horizontal center和Align vertical center按钮,作用是将这个圆形放置到场景的中心来。

7)重复以上的动作,做一个小一些的正圆(这就是钟的内表面了),也同样放置到场景的中心。

8)再一次选择箭头工具(Arrow Tool)(图 Arrow)选择这个小圆内部色块,按下Delete键。哈哈!工作区中是不是出现了一个漂亮的圆环呢?恭喜你!钟的表面已经做好了!不过要注意看一下这个内圆壁的相对于网格的位置呦,待会用的着的。

现在该做指针了,相对于圆环来说,指针简直就是Easy!

9)再新建一个Movie Clip组件(为什么不是Graphic呢?哈哈,因为待会要对其进行编程控制的)Sencond。

点选工具条上的矩形工具Ranctangle Tool(直接按键R)画一个矩形长条。要求是一个竖着的长方形,细一些。

10)用Subselect Tool(直接按键A)将其选中,接着点选工具栏中的对齐(Align)按钮,在弹出的选择框中先点击最右方的那个to State扭,让其陷入,再分别选择第一行的Align horizontal center和Align bettom edge按钮,作用是将这个矩形下方尾部放置到场景的中心来。

我们这样做是因为待会要用Action让其旋转,而现在定义的中心就是待会旋转的中心。

11)用同样的步骤制作分针minutes和时针hours,注意的是它们依次变短变粗(这样才有真实感嘛!呵呵)。

上面我们已经把闹钟的零部件做好了,零零散散一大堆都摊在桌子上怎么行,还是赶

快组装好吧!

好的,下面是一个简单的 CSS3 时钟示例: HTML 代码: ```html <div class="clock"> <div class="hour-hand"></div> <div class="minute-hand"></div> <div class="second-hand"></div> <div class="center"></div> </div> ``` CSS 代码: ```css .clock { position: relative; width: 200px; height: 200px; border-radius: 50%; background-color: #f5f5f5; box-shadow: inset 0px 0px 10px rgba(0, 0, 0, 0.2); } .hour-hand, .minute-hand, .second-hand { position: absolute; width: 50%; height: 6px; background-color: #333; transform-origin: 100% 50%; } .hour-hand { top: 50%; left: 50%; margin-left: -25%; margin-top: -3px; z-index: 3; } .minute-hand { top: 50%; left: 50%; margin-left: -25%; margin-top: -3px; z-index: 2; } .second-hand { top: 50%; left: 50%; margin-left: -25%; margin-top: -3px; z-index: 1; } .center { position: absolute; top: 50%; left: 50%; width: 10px; height: 10px; border-radius: 50%; background-color: #333; z-index: 4; transform: translate(-50%, -50%); } @keyframes rotate-hour-hand { from { transform: rotate(0deg); } to { transform: rotate(360deg); } } @keyframes rotate-minute-hand { from { transform: rotate(0deg); } to { transform: rotate(360deg); } } @keyframes rotate-second-hand { from { transform: rotate(0deg); } to { transform: rotate(360deg); } } .hour-hand { animation: rotate-hour-hand 12s linear infinite; } .minute-hand { animation: rotate-minute-hand 60s linear infinite; } .second-hand { animation: rotate-second-hand 60s linear infinite; } ``` 这个示例中,我们创建了一个具有相应类名的 div 元素,然后使用 CSS3 的 transform-origin 属性设置时针、分针、秒针的旋转中心。然后,我们使用 CSS3 动来让时针、分针、秒针以相应的速度旋转。最后,我们使用 CSS3 的 box-shadow 属性为时钟添加阴影效果。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值