劉任昌SVG與CANVAS

w3schools練習SVG

w3schools練習canvas

心得

canvas帆布

教學影片

維基百科SVG

維基百科canvas

留言

  1. 陳柏源2023年3月12日 晚上7:58

    https://rtytrdtfg.blogspot.com/2023/03/svgcanvas.html

    回覆刪除
  2. 陳姵蓁2023年3月12日 晚上7:58

    https://cpc920508123.blogspot.com/2023/03/svgcanvas.html

    回覆刪除
  3. 劉哲瑋HTML.CSS.JavaScript2023年3月12日 晚上7:59

    https://liiuzhewei.blogspot.com/2023/03/svgcanvas.html

    回覆刪除
  4. 方思涵HTML.CSS.JavaScript.Java2023年3月12日 晚上8:02

    https://pandora-mo.blogspot.com/2023/03/sorry-your-browser-does-not-support.html

    回覆刪除
  5. Jasper2023年3月12日 晚上8:04

    https://jasperyang.blogspot.com/2023/03/svgcanvas.html

    回覆刪除
  6. 陳品妍2023年3月12日 晚上8:06

    https://d11150116.blogspot.com/2023/03/blog-post.html

    回覆刪除
  7. 吳尚豪2023年3月12日 晚上8:06

    https://trequiem.blogspot.com/2023/03/svgcanvas-w3schools-1.html

    回覆刪除
  8. 李翊愷2023年3月12日 晚上8:06

    https://643gjeytfru4312.blogspot.com/2023/03/blog-post.html

    回覆刪除
  9. 施詠翔2023年3月12日 晚上8:07

    https://tgyhjikolujik2554.blogspot.com/2023/03/blog-post.html

    回覆刪除
  10. 有料2023年3月12日 晚上8:10

    https://html-css-javascript-yaoto.blogspot.com/2023/03/sgv-canvas.html

    回覆刪除
  11. 曾馨慧2023年3月12日 晚上8:11

    https://jjjjjyyy.blogspot.com/2023/03/svgcanvas.html

    回覆刪除
  12. 蘇千棋2023年3月12日 晚上8:21

    作者已經移除這則留言。

    回覆刪除
  13. 蘇千棋2023年3月12日 晚上8:23

    https://cindy-javascript.blogspot.com/2023/03/svgcanvas.html

    回覆刪除
  14. 廖思涵2023年3月12日 晚上8:24

    https://hhhaann.blogspot.com/2023/03/svgcanvas_12.html

    回覆刪除
  15. Jasper2023年3月12日 晚上8:26

    https://jasperyang.blogspot.com/2023/03/svgcanvas_12.html

    回覆刪除
  16. 官詳和html2023年3月12日 晚上8:54

    https://iuytjhg5261.blogspot.com/2023/03/svgcanvas.html

    回覆刪除
  17. 張文嘉2023年3月12日 晚上8:56

    https://d11150112.blogspot.com/2023/03/svgcanvas.html

    回覆刪除
  18. IMFCIACARD2023年3月12日 晚上10:27

    作者已經移除這則留言。

    回覆刪除
  19. IMFCIACARD2023年3月12日 晚上10:50

    https://www.youtube.com/watch?v=fZrq11mhUkI

    回覆刪除
  20. 黃柏諺2023年3月12日 晚上11:20

    https://d11117235catian.blogspot.com/2023/03/svg.html

    回覆刪除
  21. 魏靖容2023年3月13日 清晨6:27

    https://d11150115.blogspot.com/2023/03/svgcanvas.html

    回覆刪除
  22. 匿名2023年4月9日 晚上7:51

    https://www.blogger.com/blog/post/edit/7946957304410713297/4172821753634102766

    回覆刪除

張貼留言

這個網誌中的熱門文章

劉任昌Python類別class函數function

圖片
VS Code截圖 VS Code程式碼 from tkinter import * #從函式庫 tkinter 輸入所有 * 方法 from math import * #從函式庫 math 輸入所有 * 方法 class Regular: def __init__(self, cx, cy, cr, s, t, c, w): #類別共同的設定 self.cx, self.cy, self.cr = cx, cy, cr #取得中心座標cx, cy, 半徑cr self.s, self.t = s, t #取得邊角數目s,t尖銳程度,取代原來的k = s.get() self.c, self.w = c, w #取得顏色c,寬度w self.u = 2 * pi / self.s #使用模組 math 圓周率 pi self.x, self.y = [], [] for i in range( int(self.s * 1.5)): self.x.append(self.cx + self.cr*cos(i*self.u)) self.y.append(self.cy + self.cr*sin(i*self.u)) def draw(self): #類別的方法 for i in range( int(self.s * 1.5) - self.t): canvas.create_line(self.x[i], self.y[i], self.x[i + self.t], self.y[i + self.t], fill = self.c, width = self.w) def show(): #畫圖方法 poly = Regular(cx.get(), cy.get(), cr.get(), s.get(), t.get(), c.get(), w.get()) polyList.append(...
閱讀完整內容

劉任昌Python集合set清單list元組tuple字典dictionary

圖片
w3schools練習截圖 w3schools程式碼 #劉任昌集合set{},元組tuple(), 串列或清單list[], #字典dict{key:value,鍵:值} d = {2330:"台積電",2317:"鴻海",2454:"聯發科",6505:"台塑化"} s = {"台積電", "鴻海", "聯發科","台塑化"} t = ("台積電", "鴻海", "聯發科","台塑化") list = ["台積電", "鴻海", "聯發科","台塑化"] print(type(d),type(s),type(d),type(list)) print("台灣市場價值最大三家公司集合set列出") print(s) #練習迴圈 for a in s: print(a) print("聯發科位置:" + str(t.index("聯發科"))) """整個區塊註解前後加上連續三個引號, str將數字轉成字串 才能 和其他字串相接the set list is unordered, meaning: the items will appear in a random order. # Refresh this page to see the change in the result. """ w3schools集合方法 Python has a set of built-in methods that you can use on sets. Method Description add() Adds an element to the set clear() Removes all the elements from the set copy() Returns a copy of the set differenc...
閱讀完整內容

劉任昌VSCode自訂方法canvas.delete('all')建構Button

圖片
微軟VS Code編輯環境與執行結果 程式碼 #原來240單元程式碼如下 from tkinter import * #從函式庫 tkinter 輸入所有 * 方法 from math 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, cy, cr = 110, 210, 100 #宣告圓中心座標cx, cy半徑cr x, y =[],[] #宣告二陣列[...] k = s.get() #取得 ge t按鈕選單的選擇變數 u = 2 * pi / k #使用模組 math 圓周率 pi for i in range(k+1): x.append(cx + cr*cos(i*u)) #加入陣列的元素 y.append(cy + cr*sin(i*u)) #使用模組 math 三角函數cos, sin for i in range(k): 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 = 410, 210, 100 #宣告圓中心座標cx, cy半徑cr x, y =[],[] ...
閱讀完整內容