1 说明: ===== 1.1 Brython(Browser Python)是在浏览器中运行Python 3的一个实现。 1.2 Brython 设计用于替换网页上的 JavaScript 脚本语言,它使用 Python 来编写脚本,并直接在网页上执行。 1.3 Brython 通过一套 JavaScript 库对 Python 3 中的全部关键字以及大多数内置插件进行模拟,从而实现了将 Python 3 版本作为客户端 Web 编程方案的目标。 1.4 Brython支持几乎所有的python语法。可以进行控制台编程,不支持高级编程(如,网络编程等)。 1.5 Brython支持turtle绘图库,可以进行图像绘制。Brython会把绘图程序转换成svg格式的动画。 2 准备: ===== 2.1 传送门:https://github.com/brython-dev/brython 2.2 环境: 华为笔记本电脑、深度deepin-linux操作系统、谷歌浏览器、python3.8和微软vscode编辑器。 2.3 安装:pip install brython #本机安装 sudo pip3.8 install -i https://mirrors.aliyun.com/pypi/simple brython 2.4 需要一定的html基础知识,不过代码中我已经注释。 3 Hello=你好: ========== 3.1 代码:1-Hello.htmlHello=你好 Your name is : 3.2 操作和效果图: 4 简易计算器=calculator: ================== 4.1 代码:2-calculator.html
4.2 操作和效果图: 5 turtle绘图: ========== 5.1 代码:3-turtle.htmlTurtle demo
本来有许多下拉选择项目,我剔除掉,只留下一个用来展示。 往下拉,可以看到代码和画图过程。
Simple demo
When you click on Run, 开始运行代码.
When you click on Clear, 开始清除代码.
When you click on Replay scene, 重新加载屏幕. #这个模块导出是本特色 from browser import document import turtle #这个设置也是与html联动 turtle.set_defaults( turtle_canvas_wrapper = document["turtle-p"] ) #其他设置与python代码无差别 t = turtle.Turtle() t.width(5) for c in ["red", "#00ff00", "#fa0", "rgb(0,0,200)"]: t.color(c) t.forward(100) t.left(90) t.penup() t.goto(-30, -100) t.dot(40, "rgba(255, 0, 0, 0.5") t.goto(30, -100) t.dot(40, "rgba(0, 255, 0, 0.5") t.goto(0, -70) t.dot(40, "rgba(0, 0, 255, 0.5") t.goto(0, 125) t.color("purple") t.write("I love Brython!", font=("Arial", 20, "normal")) turtle.done() 5.2 操作和效果图: 6 highcharts: ========== 6.1 文件结构: 6.2 代码省略:太多了 6.3 操作和效果图:换一种操作方式 ===完美=== ===自己整理并分享出来=== 喜欢的就点赞、关注、评论、转发和收藏。经典。