余金恆canvas與svg繪圖套件

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

W3SHOOLS繪圖工具示範CANVAS

Your browser does not support the HTML canvas tag.

W3SHOOLS繪圖工具示範SVG

Sorry, your browser does not support inline SVG. Sorry, your browser does not support inline SVG.

Note: This example does not work in Firefox.

心得

  • 程式語言編寫，需要編譯器compiler或直譯器interpreter執行。
  • 瀏覽器Chrome或Edge是HTML, CSS, JavaScript的直譯器。
  • JAVA語言的編譯器是JDK, Java Development Kit爪哇開發工具。
  • VS Code是撰寫程式的整合開發環境IDE, Integrated Development Environment,可以編寫程式碼，也可以編譯程式，但需要裝Java延伸套件Extension Pack for Java

圖片

365影片

留言

張貼留言

這個網誌中的熱門文章

余金恆 VS Cord 俄羅斯方塊maintain維護增加顯示render物件

圖片
影片341 JS程式碼 let canvas = document.getElementById("tetris"); let scoreboard = document.getElementById("score"); let ctx = canvas.getContext("2d"); ctx.scale(30,30); const FOUR = [ //設定 [[0,1,0,0],[0,1,0,0],[0,1,0,0],[0,1,0,0]],//I紅 [[0,1,0], [0,1,0], [1,1,0]], //J橘 [[0,1,0], [0,1,0], [0,1,1]], //L黃 [[1,1,0], [0,1,1], [0,0,0]], //Z綠 [[0,1,1], [1,1,0], [0,0,0]], //S藍 [[1,1,1], [0,1,0], [0,0,0]], //T靛 [[1,1], [1,1],]]; //M紫,正方形,以上共7個 const COLORS = [ "lightgray","red","orange","yellow","darkgreen","blue","indigo","purple"]; const ROWS = 20; //列數ROWS const COLS = 10; //欄數COLumnS let grid = generateGrid(); //呼叫函數產生20x10格子 let fallingPieceObj = null; let score = 0; setInterval(newGameState,200); ...
閱讀完整內容

余金恆VS code編輯網頁程式html,css,javascript

圖片
維基百科VS CORD Visual Studio Code（簡稱 VS Code）是一款由微軟開發且跨平台的免費原始碼編輯器[7]。該軟體以擴充元件的方式支援語法突顯、程式碼自動補全（又稱 IntelliSense）、程式碼重構功能，並且內建了命令列工具和 Git 版本控制系統[8]。使用者可以更改佈景主題和鍵盤捷徑實現個人化設定，也可以透過內建的擴充元件程式商店安裝其他擴充元件以加強軟體功能。 VS Code 使用 Monaco Editor 作為其底層的程式碼編輯器。[9] Visual Studio Code 的原始碼以 MIT授權條款在 GitHub 上釋出[5]，而可執行檔使用了專門的授權條款[6]。 微軟在2015年4月29日舉辦的 Build 2015大會上公布了 Visual Studio Code 的開發計劃；同日，其預覽版本釋出[10]。2015年11月18日，Visual Studio Code 在 GitHub 上開源，同時宣佈將支援擴展功能[11]。2016年4月14日，Visual Studio Code 正式版發佈[12]。 在2019年的 Stack Overflow 組織的開發者調查中，Visual Studio Code 被認為是最受開發者歡迎的開發環境。據調查，87317名受訪者中有50.7%的受訪者聲稱正在使用 Visual Studio Code[13]。
閱讀完整內容

余金恆tkinter套件建立圖形使用者介面GUI=Graphical User Interface

圖片
from tkinter import * #下載程式碼,從tkinter輸入所有函式 window = Tk() #建構視窗,名為window window.title('余金恆的python視窗') window.geometry('600x600+100+100') b1=Label(window,text='\U0001F600',font='Arial 300 bold').pack() window1 = Tk() #建構視窗,名為window另一個圖 window1.title('余金恆的python視窗') window1.geometry('600x600+600+500') b1=Label(window1,text='\U0001F612',font='Arial 300 bold').pack() window.mainloop()AaAazZZXCZCXZ
閱讀完整內容