發表文章

Javascript的輸出字體.font與fillStyle與fillText

圖片
Javascript在網頁就可以執行不需要開啟Spyder sin執行 cos執行 橫軸 以上程式碼 <style>BUTTON{BORDER:GREEN 5PX SOLID;BORDER-RADIUS:30PX;}</style> <h1>Javascript在網頁就可以執行不需要開啟Spyder</h1> <button onclick="LHsin()">sin執行</button> <button onclick="LHcos()">cos執行</button> <button onclick="xLine()">橫軸</button> <canvas height="400" id="my" style="background: black;" width="1200"></canvas> <script> var c = document.getElementById("my"); var cty = c.getContext("2d"); var g = 0.01;//增加一個廣域變數,用在下面的Math.sin(g*x); var h = 195; function LHsin() { var x = 0; var y = 200; cty.beginPath();  cty.lineWidth = 5;  cty.moveTo(x,y); while (x < 1000){   x = x + 1;   y = 200 - h * Math.sin(g*x);   cty.lineTo(x, y);   cty.strokeStyle = "yellow";   cty.stroke();    }; } function LHcos() { var x = 0; var y = 200-h;//上面的sin是y =200這裡要改掉 cty.beginPath();  cty.l...
35 則留言
閱讀完整內容

三個Javascript函數sin,cos與canvas.font

Javascript在網頁就可以執行不需要開啟Spyder sin執行 cos執行 橫軸 以上程式碼 <style>BUTTON{BORDER:GREEN 5PX SOLID;BORDER-RADIUS:30PX;}</style> <h1>Javascript在網頁就可以執行不需要開啟Spyder</h1> <button onclick="LHsin()">sin執行</button> <button onclick="LHcos()">cos執行</button> <button onclick="xLine()">橫軸</button> <canvas height="400" id="my" style="background: black;" width="1200"></canvas> <script> var c = document.getElementById("my"); var cty = c.getContext("2d"); var g = 0.01;//增加一個廣域變數,用在下面的Math.sin(g*x); var h = 180; function LHsin() { var x = 0; var y = 200; cty.beginPath();  cty.lineWidth = 5;  cty.moveTo(x,y); while (x < 1000){   x = x + 1;   y = 200 - h * Math.sin(g*x);   cty.lineTo(x, y);   cty.strokeStyle = "yellow";   cty.stroke();    }; } function LHcos() { var x = 0; var y = 200-h;//上面的sin是y =200這裡要改掉 cty.beginPath();  cty.l...
31 則留言
閱讀完整內容

劉任昌Javascript執行三角函數繪圖

Javascript在網頁就可以執行不需要開啟Spyder 劉任昌執行 以上程式碼 <STYLE>BUTTON{BORDER:GREEN 5PX SOLID;BORDER-RADIUS:30PX;}</STYLE> <h1>Javascript在網頁就可以執行不需要開啟Spyder</h1> <button onclick="LH()">劉任昌執行</button> <canvas height="400" id="my" style="background: black;" width="1200"></canvas> <script> function LH() { var c = document.getElementById("my"); var cty = c.getContext("2d"); var x = 0; var y = 200; var h = 100; cty.beginPath(); cty.lineWidth = 5; cty.moveTo(x,y); while (x < 1000){ x = x + 1; y = 200 - h * Math.sin(0.2*x); cty.lineTo(x, y); cty.strokeStyle = "yellow"; cty.stroke(); }; } </script>
36 則留言
閱讀完整內容

Python三角函數製作Youtube影片

圖片
程式碼 from tkinter import * #或者import tkinter as tk import math #第9列(z1=10), 13列(廣域變數),插入16列cos,插入18繪圖 tk = Tk() #建構視窗名為tk tk.geometry('1200x400') tk.title("劉任昌python tkinter三角函數") canvas = Canvas(tk, width=1200, height=400, bg='black') canvas.grid(row=0,column=0,padx=5,pady=5,columnspan=3) delay=20 # milliseconds, 1/1000秒 x1,y1,z1=0,200,10 #Python特徵: 多變數=多個值 h=190 #上下範圍 Youtube禁止適用影醒網頁的命令 degree=0 #角度degree def LauHou(): l0=canvas.create_line(0,200,1200,200,fill='white',width=3) global x1, y1, z1 x2 = x1 + 1 y2=200 - h*math.sin(0.02*x2)#座標從左上角0.... z2=200 - h*math.cos(0.02*x2) l1=canvas.create_line(x1,y1,x2,y2,fill='red',width=5) l2=canvas.create_line(x1,z1,x2,z2,fill='yellow',width=5) if (x2
張貼留言
閱讀完整內容

JAVASCRIPT建構網頁

劉任昌按鈕 網頁和微軟WORD相同的命令document.paragraph DIVISION區塊
張貼留言
閱讀完整內容

JAVASCRIPT建構網頁文件vs.PYTHON建構WORD文件

現在瀏覽器建構網頁，然後在Spyder輸入docx函式庫，建構WORD文件。今天必須完成的，在 第二列<body>下插入「 <BUTTON ONCLICK='A()'>自己名字按鈕</BUTTON> 」 <script>下插入「function  A() { 」讓電腦知道這是函數的開始 </script>上插入「 } 」讓電腦知道這是函數的結束 <body> <P id='shit'>網頁和微軟WORD相同的命令document.paragraph</P> </body> <script> let t = document.createElement("H1"); t.innerText = "標題一"; t.style.background ='yellow'; document.body.appendChild(t); let u = document.createElement("P"); u.innerText = "創立create元素Element。"; u.style.background ='green'; document.body.appendChild(u); let v = document.createElement("SPAN"); v.innerText = "小段SPAN相當於WORD的run。"; v.style.background ='blue'; document.getElementById('shit').appendChild(v); </script>
30 則留言
閱讀完整內容

劉任昌HTML按鈕BUTTON事件ONCLICK

物件導向設計OOP=Object-Oriented Programming 主詞subject受詞object東方的oriental id=identity,身分證id card, division區塊,段落 劉任昌執行 期中考心得將以前的重點貼上 不編排PYTHON程式碼，期中考後再練習。 JAVASCRIPT的字典 dict =new Map([["2303","聯電"],["2330","台積電"],["2880","華南金"],['AAPL','蘋果公司'],['C','花旗銀行'],['T','美國電話電報']]);//宣告配對(字典) PYTHON的字典 dict ={"2303":"聯電","2330":"台積電","2880":"華南金",'AAPL':'蘋果公司','C':'花旗銀行','T','美國電話電報'}
54 則留言
閱讀完整內容