<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.lineWidth = 5; cty.moveTo(x,y); while (x < 1000){ x =...
發表文章
Javascript數學函數sin與cos對比EXCEL函數
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(); ct...
葉宗翰python繪製三角函數與powerpoint製作影片
python程式碼 from tkinter import * #或者import tkinter as tk import math tk = Tk() #建構視窗名為tk tk.geometry('1200x400') tk.title("葉宗翰python tkinter三角函數") canvas = Canvas(tk, width=1200, height=400, bg='green') canvas.grid(row=0,column=0,padx=5,pady=5,columnspan=3) delay=10 # milliseconds, 1/1000秒 x1,y1,z1=0,200,10 h=190 #上下範圍 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='blue',width=5) l2=canvas.create_line(x1,z1,x2,z2,fill='yellow',width=5) if (x2 < 1200): #沒有超過, 記得將 "小於" 改成運算 x1,y1,z1=x2,y2,z2 canvas.after(delay,LauHou) else: return LauHou() #執行LauHou老猴 tk.mainloop()