李其學繪圖工具CANVAS與SVG

canvas繪圖套件繪製選擇權到期日損益圖

W3SCHOOLS學習CANVAS繪圖

Your browser does not support the HTML canvas tag.

W3SCHOOLS學習SVG繪圖

Sorry, your browser does not support inline SVG.

心得

Note: 強調取自w3schools

Sorry, your browser does not support inline SVG. 學習CANVAS與SVG的程式碼，深感畫布上的每一行都是一種藝術的表現力。CANVAS提供了實時的繪圖空間，讓我能夠直接操控像素，表現出生動的畫面；而SVG則以向量圖形的方式，使畫面保持清晰，適合各種螢幕大小。透過程式碼的掌握，我發現在繪畫的同時，更能感受到程式的魔法，簡潔的代碼竟能創造出豐富的視覺效果。

留言

  1. George2024年1月1日 下午3:51

    1225Java到位，優秀！有心得，優。https://kevin124574811.blogspot.com/2023/12/canvassvg.html

    回覆刪除

張貼留言

這個網誌中的熱門文章

李其學[串列list](元組tuple){集合set}{字典:dict}

圖片
截圖 在撰寫模式貼上程式碼 from tkinter import * import random GAME_WIDTH , GAME_HEIGHT = 1000 , 800 SPEED = 200     #時間單位千分之一 SPACE_SIZE , BODY_PARTS = 50 , 3 #左邊變數 assigning value一次改全部 ctrl shift L COLOR = [ "red" , "orange" , "yellow" , "green" , "blue" , "indigo" , "purple" , "pink" ] #0123456 FOOD_COLOR = "white" BACKGROUND_COLOR = "black" class Snake : #類別Snake類別1 Snake     def __init__ ( self ):         self . body_size = BODY_PARTS         self . coordinates = []         self . squares = []         for i in range ( 0 , BODY_PARTS ):             self . coordinates . append ([ 0 , 0 ])         for x , y in self . coordinates :             i = random . randint ( 0 , 6 ) #產生整數亂數0到6             square = canvas . create_rectangle ( x , y , x + SPACE_SI...
閱讀完整內容

李其學視窗物件控制連續的視窗物件

圖片
程式碼 from tkinter import * #從tkinter函式庫輸入所有函式,檔案'window001.py' import time           #412單元延續數入time套件 def delete ():         #增加自訂函數def delete()     List [ int ( n . get ()) - 1 ].destroy() #destroy破壞視窗List[索引]     window . config ( bg = '#10ff10' )     b1 = Label ( window , text = '李其學' , font = 'Arial 100 bold' , bg = '#10ff10' ). pack () x = ( '龍' , '龓' , '龕' , '💩' , ' \U0001F600 ' , ' \U0001F4A9 ' ) #建立元祖tuple名為x,0,1,2,3,4,5 List = []                   #建立串列list名為List for i in range ( 6 ):     window = Tk ()     window . title ( '李其學第 %d 個視窗' % ( i + 1 ))     window . geometry ( '300x300+ %d + %d ' % ( i * 300 , i * 100 ))     b1 = Label ( window , text = x [ i ], font = 'Arial 200 bold' ). pack ()     window . update ()     time . sleep ( 0.1 )     List . append ( window ) #新增...
閱讀完整內容

李其學w3schools學習emoji與Javascript迴圈

圖片
w3schools截圖 李其學W3SCHOOLS字碼與字元 顯示字碼與字元A B C 顯示display字碼65,66: A B 顯示display字碼十六進位41,42: A B 顯示display字碼97,98: a b 顯示字碼60,61, 62: < = > 顯示字碼128540: &#128540; 影片299 影片300 影片301 維基百科ASCII AMERICAN STANTARD CODE FOR INFORMATTION INTERCHANGE美國資訊交換標準碼 維基百科EMOJI 繪圖文或表情符號
閱讀完整內容