126 lines
8.8 KiB
HTML
126 lines
8.8 KiB
HTML
<!DOCTYPE html>
|
|
<!-- saved from url=(0038)https://www.bejson.com/runcode/turtle/ -->
|
|
<html class="os-windows screen-desktop-wide device-desktop">
|
|
|
|
<head>
|
|
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
|
|
<style class="darkreader darkreader--text" media="screen">
|
|
</style>
|
|
<style class="darkreader darkreader--invert" media="screen">
|
|
</style>
|
|
<style class="darkreader darkreader--inline" media="screen">[data-darkreader-inline-bgcolor] { background-color: var(--darkreader-inline-bgcolor) !important; } [data-darkreader-inline-bgimage] { background-image: var(--darkreader-inline-bgimage) !important; } [data-darkreader-inline-border] { border-color: var(--darkreader-inline-border) !important; } [data-darkreader-inline-border-bottom] { border-bottom-color: var(--darkreader-inline-border-bottom) !important; } [data-darkreader-inline-border-left] { border-left-color: var(--darkreader-inline-border-left) !important; } [data-darkreader-inline-border-right] { border-right-color: var(--darkreader-inline-border-right) !important; } [data-darkreader-inline-border-top] { border-top-color: var(--darkreader-inline-border-top) !important; } [data-darkreader-inline-boxshadow] { box-shadow: var(--darkreader-inline-boxshadow) !important; } [data-darkreader-inline-color] { color: var(--darkreader-inline-color) !important; } [data-darkreader-inline-fill] { fill: var(--darkreader-inline-fill) !important; } [data-darkreader-inline-stroke] { stroke: var(--darkreader-inline-stroke) !important; } [data-darkreader-inline-outline] { outline-color: var(--darkreader-inline-outline) !important; } [data-darkreader-inline-stopcolor] { stop-color: var(--darkreader-inline-stopcolor) !important; }</style>
|
|
<style class="darkreader darkreader--variables" media="screen">:root { --darkreader-neutral-background: #212222; --darkreader-neutral-text: #eae3d9; --darkreader-selection-background: #165aaa; --darkreader-selection-text: #fbf5ec; }</style>
|
|
<style class="darkreader darkreader--root-vars" media="screen">
|
|
</style>
|
|
<meta name="viewport" content="width=device-width, initial-scale=0,user-scalable=yes,maximum-scale=1.0">
|
|
<title>python海龟绘图 - bejson在线工具</title>
|
|
<meta name="keywords" content="python turtle 在线运行,turtle graphics,海龟编辑器,海龟绘图,海龟画图">
|
|
<meta name="description" content="无需安装python，在线运行 python turtle 代码来绘制图形，且支持将绘制结果保存为图片。">
|
|
<link rel="stylesheet" type="text/css" href="./Lib/global.min.css">
|
|
<link rel="stylesheet" type="text/css" href="./Lib/indexCodeMirror.min.css">
|
|
<link rel="stylesheet" type="text/css" href="./Lib/swiper.min.css">
|
|
<link rel="stylesheet" type="text/css" href="./Lib/common.css">
|
|
<link rel="stylesheet" type="text/css" href="./Lib/dark.css">
|
|
<link rel="stylesheet" type="text/css" href="./Lib/mydf.css">
|
|
<script>function nkluontszfxh(blockid) {
|
|
jiazai_dag_all(blockid);
|
|
}</script>
|
|
<meta http-equiv="origin-trial" content="As0hBNJ8h++fNYlkq8cTye2qDLyom8NddByiVytXGGD0YVE+2CEuTCpqXMDxdhOMILKoaiaYifwEvCRlJ/9GcQ8AAAB8eyJvcmlnaW4iOiJodHRwczovL2RvdWJsZWNsaWNrLm5ldDo0NDMiLCJmZWF0dXJlIjoiV2ViVmlld1hSZXF1ZXN0ZWRXaXRoRGVwcmVjYXRpb24iLCJleHBpcnkiOjE3MTk1MzI3OTksImlzU3ViZG9tYWluIjp0cnVlfQ==">
|
|
<meta http-equiv="origin-trial" content="AgRYsXo24ypxC89CJanC+JgEmraCCBebKl8ZmG7Tj5oJNx0cmH0NtNRZs3NB5ubhpbX/bIt7l2zJOSyO64NGmwMAAACCeyJvcmlnaW4iOiJodHRwczovL2dvb2dsZXN5bmRpY2F0aW9uLmNvbTo0NDMiLCJmZWF0dXJlIjoiV2ViVmlld1hSZXF1ZXN0ZWRXaXRoRGVwcmVjYXRpb24iLCJleHBpcnkiOjE3MTk1MzI3OTksImlzU3ViZG9tYWluIjp0cnVlfQ==">
|
|
<meta http-equiv="origin-trial" content="A/ERL66fN363FkXxgDc6F1+ucRUkAhjEca9W3la6xaLnD2Y1lABsqmdaJmPNaUKPKVBRpyMKEhXYl7rSvrQw+AkAAACNeyJvcmlnaW4iOiJodHRwczovL2RvdWJsZWNsaWNrLm5ldDo0NDMiLCJmZWF0dXJlIjoiRmxlZGdlQmlkZGluZ0FuZEF1Y3Rpb25TZXJ2ZXIiLCJleHBpcnkiOjE3MTkzNTk5OTksImlzU3ViZG9tYWluIjp0cnVlLCJpc1RoaXJkUGFydHkiOnRydWV9">
|
|
<meta http-equiv="origin-trial" content="A6OdGH3fVf4eKRDbXb4thXA4InNqDJDRhZ8U533U/roYjp4Yau0T3YSuc63vmAs/8ga1cD0E3A7LEq6AXk1uXgsAAACTeyJvcmlnaW4iOiJodHRwczovL2dvb2dsZXN5bmRpY2F0aW9uLmNvbTo0NDMiLCJmZWF0dXJlIjoiRmxlZGdlQmlkZGluZ0FuZEF1Y3Rpb25TZXJ2ZXIiLCJleHBpcnkiOjE3MTkzNTk5OTksImlzU3ViZG9tYWluIjp0cnVlLCJpc1RoaXJkUGFydHkiOnRydWV9">
|
|
<style>@font-face { font-family: 'monica-ext-font_YIBBBFG'; src: url('chrome-extension://fhimbbbmdjiifimnepkibjfjbppnjble/static//fonts/Satoshi-Variable.ttf'); font-display: swap; }</style>
|
|
<style class="darkreader darkreader--override" media="screen">
|
|
</style>
|
|
</head>
|
|
|
|
<body class="load-indicator" data-loading="请稍候..." data-siteid="2" monica-version="4.0.2" monica-id="fhimbbbmdjiifimnepkibjfjbppnjble" aria-hidden="false" style="padding: 0px 0px 154px;">
|
|
<div class="container t-small-margin">
|
|
<div class="editor-box2">
|
|
<div class="relative">
|
|
<!-- 功能 -->
|
|
<div class="t-huge-margin">
|
|
<div class="btn-group">
|
|
<div class="input-group float-left">
|
|
<button type="button" class="btn btn-primary" id="tb_run">运行</button>
|
|
<button type="button" class="btn" id="tb_clear">清空代码</button>
|
|
<button type="button" class="btn" id="tb_down">下载代码</button>
|
|
</div>
|
|
<div class="input-group float-left">
|
|
<select class="form-control " id="tb_selectedType">
|
|
<option value="1">四边形</option>
|
|
<option value="2">同心圆</option>
|
|
<option value="3">五角星</option>
|
|
<option value="4">奥运五环</option>
|
|
<option value="5">棋盘</option>
|
|
<option value="6">玫瑰花</option>
|
|
<option value="7">分形树</option>
|
|
<option value="8">太极</option>
|
|
<option value="9">小猪佩奇</option>
|
|
<option value="10">皮卡丘</option>
|
|
</select>
|
|
</div>
|
|
<div class="input-group float-left width-20">
|
|
<span class="input-group-addon">宽度</span>
|
|
<input type="text" class="form-control" value="300" id="tb_width">
|
|
<span class="input-group-addon fix-border">高度</span>
|
|
<input type="text" class="form-control" value="300" id="tb_height">
|
|
</div>
|
|
<div class="input-group float-left">
|
|
<button type="button" class="btn" id="tb_saveImg">保存图片</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div id="editor">
|
|
<textarea id="code" name="code" style="display: none;">
|
|
</textarea>
|
|
<div id="resize">
|
|
<i class="icon-bars">
|
|
</i>
|
|
</div>
|
|
<!--<textarea id="mirror" name="mirror" class="hidden">import turtle print("开始绘制正方形") # 创建一个Turtle对象 pen = turtle.Turtle() pen.shape("turtle") pen.penup() pen.goto(-50, -50) # 居中位置 pen.pendown() # 设置填充颜色 pen.fillcolor("blue") pen.begin_fill() # 开始填充 # 绘制四边形 for _ in range(4): pen.forward(100) # 前进100个像素 pen.left(90) # 左转90度 print("绘制边") pen.end_fill() # 结束填充 print("绘制完成") # 关闭窗口时才会退出 # 隐藏画笔 pen.hideturtle() turtle.done()</textarea>-->
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div id="tbresult">
|
|
<div class="can_l">
|
|
<div id="canvas" tabindex="0" style="width: 700px; height: 700px;">
|
|
<canvas width="700" height="700" style="position: relative; display: block; margin-top: 0px; z-index: 3;">
|
|
</canvas>
|
|
<!--
|
|
<canvas width="300" height="300" style="position: absolute; display: block; z-index: 2;left: 0;top:0">
|
|
</canvas>-->
|
|
</div>
|
|
<div class="clear-both">
|
|
</div>
|
|
</div>
|
|
<div class="can_r">
|
|
<div class="panel panel-default" style="height: 100%">
|
|
<div class="panel-heading">运行输出</div>
|
|
<div class="panel-body" style="height: calc(100% - 30px)">
|
|
<pre id="output">
|
|
</pre>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="clear-both">
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<script src="./Lib/global.min.js" type="text/javascript" charset="utf-8">
|
|
</script>
|
|
<script src="./Lib/lzma.js" type="text/javascript" charset="utf-8">
|
|
</script>
|
|
<script src="./Lib/skulpt.min.js">
|
|
</script>
|
|
<script src="/MSOC/Python/skulpt.lib.js">
|
|
</script>
|
|
<script src="/MSOC/res/yl.app.js">
|
|
</script>
|
|
<script src="./Lib/sandbox.js">
|
|
</script>
|
|
<script src="./Lib/codemirror.js">
|
|
</script>
|
|
<script type="text/javascript" src="./Lib/mysk.js">
|
|
</script>
|
|
</html> |