畫動態時鐘

import cv2

import math
import datetime
import numpy as np
margin = 5 # 上下左右邊距
radius = 220 # 圓的半徑
center = (center_x, center_y) = (225, 225) # 圓心
# 1. 新建乙個畫板並填充成白色
img = np.zeros((450, 450, 3), np.uint8)
img[:] = (255, 255, 255)
# 2. 畫出圓盤
cv2.circle(img, center, radius, (0, 0, 0), thickness=5)
pt1 = 
# 3. 畫出60條秒和分鐘的刻線
for i in range(60):
# 最外部圓，計算a點
x1 = center_x+(radius-margin)*math.cos(i*6*np.pi/180.0)
y1 = center_y+(radius-margin)*math.sin(i*6*np.pi/180.0)
# 同心小圓，計算b點
x2 = center_x+(radius-15)*math.cos(i*6*np.pi/180.0)
y2 = center_y+(radius-15)*math.sin(i*6*np.pi/180.0)
cv2.line(img, pt1[i], (int(x2), int(y2)), (0, 0, 0), thickness=2)
# 4. 畫出12條小時的刻線
for i in range(12):
# 12條小時刻線應該更長一點
x = center_x+(radius-25)*math.cos(i*30*np.pi/180.0)
y = center_y+(radius-25)*math.sin(i*30*np.pi/180.0)
# 這裡用到了前面的pt1
cv2.line(img, pt1[i*5], (int(x), int(y)), (0, 0, 0), thickness=5)
# 到這裡基本的表盤圖就已經畫出來了
while(1):
# 不斷拷貝表盤圖，才能更新繪製，不然會重疊在一起
temp = np.copy(img)
# 5. 獲取系統時間，畫出動態的時-分-秒三條刻線
now_time = datetime.datetime.now()
hour, minute, second = now_time.hour, now_time.minute, now_time.second
# 畫秒刻線
# 參見部落格，opencv中的角度是順時針計算的，所以需要轉換下
sec_angle = second*6+270 if second <= 15 else (second-15)*6
sec_x = center_x+(radius-margin)*math.cos(sec_angle*np.pi/180.0)
sec_y = center_y+(radius-margin)*math.sin(sec_angle*np.pi/180.0)
cv2.line(temp, center, (int(sec_x), int(sec_y)), (203, 222, 166), 2)
# 畫分刻線
min_angle = minute*6+270 if minute <= 15 else (minute-15)*6
min_x = center_x+(radius-35)*math.cos(min_angle*np.pi/180.0)
min_y = center_y+(radius-35)*math.sin(min_angle*np.pi/180.0)
cv2.line(temp, center, (int(min_x), int(min_y)), (186, 199, 137), 8)
# 畫時刻線
hour_angle = hour*30+270 if hour <= 3 else (hour-3)*30
hour_x = center_x+(radius-65)*math.cos(hour_angle*np.pi/180.0)
hour_y = center_y+(radius-65)*math.sin(hour_angle*np.pi/180.0)
cv2.line(temp, center, (int(hour_x), int(hour_y)), (169, 198, 26), 15)
# 6. 新增當前日期文字
font = cv2.font_hershey_******x
time_str = now_time.strftime("%d/%m/%y")
cv2.puttext(img, time_str, (135, 275), font, 1, (0, 0, 0), 2)
cv2.imshow('clocking', temp)
if cv2.waitkey(1) == 27: # 按下esc鍵退出
break

通過canvas畫布畫動態時鐘

效果圖 步驟 1.canvas是乙個畫圖的容器，裡面沒有圖形，需要你自己加上圖形 先定義好canvas的寬 高 2.定義js函式實現時鐘動畫，具體步驟如下 1 獲取畫布的id，然後通過getcontext 方法返回乙個用於在畫布上繪圖的環境。語法 canvas.getcontext contexti...

WinForm 畫個時鐘

今天學習gdi 試著想寫乙個模擬時鐘的小程式，原以為很簡單實現 但其實還有些複雜，特別是利用三角函式的那部分，讓我四處找資料惡補了一下高中數學才算弄清楚，現在就回顧一下這個程式吧.程式的目的是要模擬出時鐘的效果，那首先就是要畫出這個時鐘的樣子。不考慮美觀，乙個時鐘最簡單的組成是乙個圓形的表盤，三根直...

Qt動態時鐘

使用qpainter和qtimer製作乙個簡易的動態時鐘。dialog.h protected 宣告繪圖的事件處理函式 void paintevent qpaintevent event dialog.cpp include dialog.h include ui dialog.h include ...