以下利用 Brython 在網頁寫 Python 繪圖
# 導入 brython.js
#啟動 brython()
window.onload=function(){
brython(1);
}
以下利用 Brython 程式執行繪圖
# 導入 doc
from browser import document as doc
from browser import console
import math
# 準備繪圖畫布
canvas = doc["plotarea"]
ctx = canvas.getContext("2d")
# 開始畫直線
ctx.beginPath()
ctx.lineWidth = 5
ctx.moveTo(0, 0)
ctx.lineTo(100, 100)
ctx.strokeStyle = "#FF0000"
ctx.stroke()
ctx.beginPath()
ctx.lineWidth = 1
ctx.moveTo(100, 0)
ctx.lineTo(0, 100)
ctx.strokeStyle = "#0000ff"
ctx.stroke()
x = 100
y = 100
# 利用 browser 模組中的 console.log 將資料列印在 console 區,
可以用來確認程式中各變數的值, 用法等同 print
console.log("x 值為"+str(x)+", y 值為"+str(y))
心得
這禮拜開始各組做自己的作業，要在網頁上畫出兩條線，讓我有些驚訝，原來用語法也可以畫圖。