html用div做出一颗树的效果,python-用Transcrypt绘制并绘制一棵树

首先：您需要对代码进行一些修改,因为Transcrypt中的某些函数具有不同的名称或不存在.您必须添加turtle.done()来显示结果.

turtle_tree.py

import random

import turtle

def tree(size, myTurtle):

myTurtle.pensize(size / 20)

if size < random.randint(1,2) * 20:

myTurtle.color("green")

else:

myTurtle.color("brown")

if size > 5:

myTurtle.forward(size)

myTurtle.left(25)

tree(size - random.randint(10, 20), myTurtle)

myTurtle.right(50)

tree(size - random.randint(10, 20), myTurtle)

myTurtle.left(25)

myTurtle.up() # penup()

myTurtle.back(size) # backward(size)

myTurtle.down() # pendown()

#window = turtle.Screen() # doesn't exists

#window.setup(800,600) # doesn't exists

#window.bgcolor("white") # doesn't exists

myTurtle = turtle.Turtle()

myTurtle.color("brown", "blue")

myTurtle.left(90)

myTurtle.speed(0)

myTurtle.up() # penup()

myTurtle.goto(0, 250) # setpos(0, -250)

myTurtle.down() # pendown()

tree(135, myTurtle)

myTurtle.done() # display

使用pip安装Transcrypt

pip install transcrypt

将Python编译成JavaScript

transcrypt turtle_tree.py

您将获得带有文件turtle_tree.js的__javascript__文件夹(以及turtle_tree.min.js,turtle_tree.mod.js,但现在不需要它了)

您需要HTML文件,该文件会加载turtle_tree.js并具有< div id =“ __ turtlegraph __”>显示结果.

turtle_tree.html

Turtle Tree

#__turtlegraph__ {

height: 600px;

width: 800px;

}

将HTML文件放在__javascript__文件夹中,然后在浏览器中将其打开.

在Python 3.5.2 / Linux Mint 17.3 / Firefox 48.0上进行了测试-绘制时间为1秒(或更短).