林冠錦SVG與CANVAS

w3schools練習SVG

w3schools練習CANVAS

心得

  1. 我在探索新事物
  2. <svg>svg程式碼</svg>
  3. <canvas>canvas程式碼</canvas>
  4. <script>網頁JavaScript程式碼</script>
  5. ol是order list順序清單, gt大於, lt小於前面加上&控制

Day04 初探SVG - iT 邦幫忙

教學影片

留言

張貼留言

這個網誌中的熱門文章

留言

張貼留言

這個網誌中的熱門文章

林冠錦VSCode編輯Python, tkinter建構Button,Lable

圖片
微軟VS Code截圖 程式碼 from tkinter import * #從函式庫 tkinter 輸入所有 * 方法 # math只用三個沒必要輸入所有*, math.pi比 pi 更清楚 import math #連線去找函式庫 t = (3,4,5,6,7,8,9,10,11,12,16,20)#宣告一元組tuple(...) tk = Tk() tk.title("林冠錦視窗使用者介面GUI") canvas = Canvas(tk, width=800, height=500) canvas.pack() def show(event): #定義由事件event(按鈕選單)呼叫的函數show cx = 200 #宣告圓中心座標cx, cy半徑cr cy = 210 cr = 140 x, y =[],[] #宣告二陣列[...] k = s.get() #取得 ge t按鈕選單的選擇變數 u = 2 * math.pi / k #使用模組 math 圓周率 pi for i in range(k): x.append(cx + cr*math.cos(i*u)) #加入陣列的元素 y.append(cy + cr*math.sin(i*u)) #使用模組 math 三角函數cos, sin for i in range(k-1): canvas.create_line(x[i], y[i], x[i+1], y[i+1]) canvas.create_line(x[k-1], y[k-1], x[0], y[0], fill="blue",width=5) #可考慮增加width寬度,fill顏色 def diagonal(): cx, cy, cr = 500, 210, 150 #宣告圓中心座標cx, cy半徑cr x, y =[],[] #宣告二陣列[...] k = s.get() #取得 ge t按鈕選單的選擇變數 u = 2 * pi / k #模組 math 圓周率 pi for i in range(k): x.append(cx + cr*cos(i*u)) #加入陣列的元素 y.append(cy + cr*sin(i*u)) for i in range(k): for j in ...
閱讀完整內容