發表文章

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...
張貼留言
閱讀完整內容

三個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...
1 則留言
閱讀完整內容

楊雅竹javascript執行三角函數繪圖

執行
1 則留言
閱讀完整內容

PYTHON三角函數YOUTUBE影片

圖片
程式碼 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='gray') canvas.grid(row=0,column=0,padx=5,pady=5,columnspan=3) delay=2 # milliseconds, 1/1000秒 x1,y1,z1=0,200,10 h=190 #上下範圍 degree=0 #角度degree def LauHou(): 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
1 則留言
閱讀完整內容
現在 瀏覽器 建構網頁，然後在Spyder輸入docx函式庫，建構WORD文件。拷貝以下紅色框內的程式碼到記事本，另存檔名「自己名字.HTML」， 存檔類型必須「*.*」 。 <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> Spyder執行Python程式建構WORD from docx import Document document = Document() document.add_heading('楊雅竹python套件docs', 0) p = document.add_paragraph('文件document是網頁HTML根物件，也是') p.add_run('微軟WORD').bold = True p.add_run('文書軟體的根物件，HTML和WORD的結構') p.add_run(...
1 則留言
閱讀完整內容

JAVASCRIPT建構網頁

楊雅竹按鈕 網頁和微軟WORD相同的命令document.paragraph
1 則留言
閱讀完整內容

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

現在 瀏覽器 建構網頁，然後在Spyder輸入docx函式庫，建構WORD文件。拷貝以下紅色框內的程式碼到記事本，另存檔名「自己名字.HTML」， 存檔類型必須「*.*」 。 <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> Spyder執行Python程式建構WORD from docx import Document document = Document() document.add_heading('楊雅竹python套件docs', 0) p = document.add_paragraph('文件document是網頁HTML根物件，也是') p.add_run('微軟WORD').bold = True p.add_run('文書軟體的根物件，HTML和WORD的結構') p.add_run(...
1 則留言
閱讀完整內容