整合營銷服務商

          電腦端+手機端+微信端=數據同步管理

          免費咨詢熱線:

          少兒學編程系列-使用python turtle畫基本圖形

          urtle簡介

          turtle(海龜)繪圖很適合用來引導少兒學習編程,通過簡單的命令,可以輕松地繪制出精美的形狀和圖案。

          常用命令介紹

          更多命令可以參見:https://docs.python.org/zh-cn/3/library/turtle.html#introduction

          forward() | fd() 前進
          backward() | bk() | back() 后退
          right() | rt() 右轉
          left() | lt() 左轉
          goto() | setpos() | setposition() 前往/定位
          setx() 設置x坐標
          sety() 設置y坐標
          setheading() | seth() 設置朝向
          home() 返回原點
          circle() 畫圓
          dot() 畫點
          stamp() 印章
          clearstamp() 清除印章
          clearstamps() 清除多個印章
          undo() 撤消
          speed() 速度

          畫基本圖形的效果

          畫基本圖形的代碼

          2019年的春節來的似乎格外的早,過完年相信很多童鞋都開始蠢蠢欲動了;筆者總結了多篇教程,結合平時自己的面試經歷,整理了這份文檔,希望幫助大家來突擊一下前端知識的盲區。文章很長很長很長。。。。(建議先收藏,技術大佬請Ctrl+F4,面向基礎

          整理不易,希望大家關注頭條號【JAVA后端架構

          何使用border-radius屬性

          下面是border-radius屬性最基本的使用方法。

          1

          2

          3

          4

          5

          6

          .round {

          border-radius: 5px; /* 所有角都使用半徑為5px的圓角,此屬性為CSS3標準屬性 */

          -moz-border-radius: 5px; /* Mozilla瀏覽器的私有屬性 */

          -webkit-border-radius: 5px; /* Webkit瀏覽器的私有屬性 */

          border-radius: 5px4px3px2px; /* 四個半徑值分別是左上角、右上角、右下角和左下角 */

          }

          1.用border-radius畫圓

          實心圓

          如圖,是用border-radius屬性畫出來的一個完美的實心圓。畫實心圓的方法是高度和寬度相等,并且把border的寬度設為高度和寬度的一半。

          代碼如下:

          1

          2

          3

          4

          5

          6

          7

          #circle{

          width: 200px;

          height: 200px;

          background-color: #efefef; /* Can be set to transparent */

          border: 3px#a72525solid;

          -webkit-border-radius: 100px;

          }

          虛線圓

          1

          2

          3

          4

          5

          6

          7

          #circle{

          width: 200px;

          height: 200px;

          background-color: #efefef; /* Can be set to transparent */

          border: 3px#a72525dashed;

          -webkit-border-radius: 100px100px100px100px;

          }

          2.半圓和四分之一圓

          半圓

          以本例來講,半圓的畫法是把寬度設為高度的一半,并且也只設置左上角和左下角的半徑。

          代碼如下:

          1

          2

          3

          4

          5

          6

          #quartercircle {

          width: 200px;

          height: 200px;

          background-color: #a72525;

          -webkit-border-radius: 200px000;

          }

          四分之一圓

          四分之一圓的實現方法是把高度和寬度設置為相等,只設置一個圓角,其半徑等于高度或寬度。

          本例代碼如下:

          更多玩法

          看了這么多實例后,你完全可以自己創造更多玩法,如:

          虛線的半圓和四分之一圓。

          配合position屬性做一個月亮。

          配合position、RGBa和z-index這些屬性做一個本文開頭的色彩維恩圖。

          想認識志同道合的朋友一起學習web

          加入我們的學習QQ群 190166743

          豐富的學習資源,周一到周四免費直播公開課

          長按圖片,識別二維碼即可入群

          你可能感興趣的精彩內容

          微信:UI設計自學平臺加關注

          長按關注:《UI設計自學平臺》

          ↓↓↓


          主站蜘蛛池模板: 国产亚洲一区二区三区在线不卡 | 视频一区二区在线播放| 无码一区二区三区在线| 成人国产一区二区三区| 国产精品一区二区久久乐下载| 中文字幕一区二区三区精华液| 国产成人精品无码一区二区老年人| 久久久久无码国产精品一区| 国产福利电影一区二区三区久久老子无码午夜伦不 | 无码人妻aⅴ一区二区三区有奶水| 日本在线一区二区| 精品人体无码一区二区三区 | 精品国产AⅤ一区二区三区4区 | 久久精品免费一区二区喷潮| 亚洲一区二区三区高清| 国产免费一区二区三区不卡| 人成精品视频三区二区一区| 国产日韩综合一区二区性色AV| AA区一区二区三无码精片| 91精品一区二区三区在线观看| 国产成人无码一区二区三区在线| 四虎一区二区成人免费影院网址| 国产精品亚洲综合一区在线观看| 亚洲Av永久无码精品一区二区 | 精品女同一区二区三区在线 | 一区二区三区观看| 久久无码精品一区二区三区| 亚洲国产综合无码一区二区二三区 | 国产精品福利区一区二区三区四区| 蜜桃视频一区二区三区| 一区二区三区免费视频观看| 亚州国产AV一区二区三区伊在| 合区精品久久久中文字幕一区| 亚洲第一区精品观看| 无人码一区二区三区视频 | 国产日韩精品一区二区在线观看 | 中文字幕一区二区三区在线播放 | 无码乱人伦一区二区亚洲| 2022年亚洲午夜一区二区福利 | 国产激情一区二区三区四区| 亚洲人成网站18禁止一区|