整合營銷服務商

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

          免費咨詢熱線:

          少兒學編程系列-使用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設計自學平臺》

          ↓↓↓


          主站蜘蛛池模板: 亚洲AV成人一区二区三区AV| 国产Av一区二区精品久久| 精品无码日韩一区二区三区不卡| 亚洲美女视频一区| 无码精品蜜桃一区二区三区WW| 亚洲国产成人一区二区三区| 国产一区二区三区四| 欲色aV无码一区二区人妻| 国产亚洲一区二区在线观看 | 精品不卡一区二区| 中文字幕无码免费久久9一区9| 极品少妇一区二区三区四区| 久久精品国产第一区二区三区| 久久精品人妻一区二区三区| 国产精品成人一区二区三区| 极品人妻少妇一区二区三区| 亚洲福利视频一区| 国语精品一区二区三区| 日本一区二区三区免费高清在线| 海角国精产品一区一区三区糖心 | 日韩三级一区二区| 中文字幕人妻第一区| 色噜噜狠狠一区二区三区果冻| 综合久久一区二区三区 | 亚洲国产高清在线精品一区| 一区二区三区亚洲视频| 国产一区二区三区在线看片| 韩国资源视频一区二区三区| 无码人妻一区二区三区一| 麻豆AV一区二区三区| 色欲精品国产一区二区三区AV| 国产精品无码AV一区二区三区| 一区二区三区影院| 国产av天堂一区二区三区| 一区二区三区在线观看视频| 天堂不卡一区二区视频在线观看 | 亚洲一区中文字幕| 无码日韩精品一区二区免费暖暖| 久草新视频一区二区三区| 国产a∨精品一区二区三区不卡| 亚洲av午夜福利精品一区 |