謝宸峰HTML_CSS_Javascript_Java_Python

-

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

W3SHOOLS繪圖工具示範CANVAS

Your browser does not support the HTML canvas tag.

心得

Optical 光學的

SVG Examples 練習

Note:strong強調.拷貝自w3shool.com/graphics/tryit.asp? filename=trysvg_ellipses

留言

張貼留言

這個網誌中的熱門文章

謝宸峰tkinter套件建立圖形使用者介面GUI=Graphical User Interface

-
圖片
程式碼 from tkinter import * #下載程式碼,從tkinter輸入所有函式 window = Tk () #建構視窗,名為window window . title ( '謝宸峰的python視窗' ) window . geometry ( '600x999+100+100' ) x , y = StringVar ( window ), StringVar ( window ) b1 = Label ( window , textvariable = x , font = 'Arial 300 bold' ). pack () b2 = Label ( window , textvariable = y , font = 'Arial 300 bold' ). pack () x . set ( ' \U0001f600 ' ) y . set ( ' \U0001f610 ' ) window . mainloop () #可以將emoji字碼用字元取代或者改成\U0001F601…等 #開啟資料夾,新增檔案a.py 影片
閱讀完整內容

謝宸峰Python 與JavaScript對照

-
圖片
期中考 css h1 { background-color : purple ; color : white ; border : 10px solid red ; text-align : center ; padding : 5px } ul { background-color : green ; color : white ; font-size : 2em ; line-height : 1.5 } input { font-size : 24px ; background-color : rgb ( 210 , 250 , 215 );} .monkey { font-size : 36px ;} pre { background-color : blue ; color : aquamarine ;} /*css的註解 html < link rel = 'stylesheet' href = "abc.css" > < script src = "abc.js" ></ script > < h1 > 謝宸峰輸入參數 </ h1 > 輸入k < input type = "number" value = "1" id = "k" ></ input >< br > 輸入m < input type = "number" value = "1" id = "m" ></ input >< br > 輸入n < input type = "number" value = "1" id = "n" ></ input >< br > < input type = 'password' >< input > < button onclick = " ...
閱讀完整內容

謝宸峰VS code編輯HTML,CSS,JS俄羅斯方塊

-
圖片
改寫自印度程式設計師 模仿與利用Code with Scaler製作的俄羅斯方塊遊戲，它的過程是使用VS Code編輯HTML, CSS, JS三個檔案。我們去理解它，然後改善它，將程式寫得更有效率，然後增加功能，例如預告下一個方塊、增加音效等。寫程式不可能順利，一定會錯誤，然後在解決問題的過程中，讓自己變得更強大。 接下來學習的重點是陣列，例如T型的變數 [[1,1,1], [0,1,0], [0,0,0]] ;//二維陣列 w3school學習二微陣列JavaScript Arrays 利用w3schools學習JavaScript Arrays 賽保,富豪,寶馬,謝宸峰 0,1,0,0,0,1,0,0,0,1,0,0,0,1,0,0 0,1,0,0,1,0,1,1,0 0,1,0,0,1,0,0,1,1 1,1,0,0,1,1,0,0,0 0,1,1,1,1,0,0,0,0 1,1,1,0,1,0,0,0,0 1,1,1,1 undefined white red orange yellow darkgreen #29296e indigo purple 影片335 影片336 影片337 在撰寫模式下貼上程式碼 <h1>JavaScript Arrays</h1> <p id="demo"></p> <p id="demo1"></p> <p id="demo2"></p> <script>/*css共用幾乎有*/ 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]],...
閱讀完整內容