Search this site
Embedded Files
大墩國小Scratch程式設計課程教學網
  • 首頁
  • 課程預定進度
  • 12/2 小小音樂家
    • 〈音樂類〉積木
    • 音樂知識
    • 專案操作
  • 11/11 幸運數字
    • 認識變數
    • 詢問與回答
    • 內置計時器
    • 專案操作
  • 10/28 中大獎
    • 隨機數
    • 比較運算子積木
    • 聲音響度偵測
    • 專案操作
  • 10/21 自動駕駛
    • 自動執行控制
    • 專案操作
  • 10/14 開車上路
    • 繪圖區操作
    • 向量圖與點陣圖
    • 專案操作
  • 10/7 帶球跑
    • 初始化
    • 停止事件
    • 碰觸顏色偵測
    • 專案操作
  • 9/30 貓咪趴趴走
    • 認識舞台座標
    • 重複結構
    • 選擇結構
    • 專案操作
  • 9/23 百變服裝秀
    • 初步認識編輯操作介面
    • 循序結構
    • 專案操作
  • 9/16 認識Scratch3.0
大墩國小Scratch程式設計課程教學網
  • 首頁
  • 課程預定進度
  • 12/2 小小音樂家
    • 〈音樂類〉積木
    • 音樂知識
    • 專案操作
  • 11/11 幸運數字
    • 認識變數
    • 詢問與回答
    • 內置計時器
    • 專案操作
  • 10/28 中大獎
    • 隨機數
    • 比較運算子積木
    • 聲音響度偵測
    • 專案操作
  • 10/21 自動駕駛
    • 自動執行控制
    • 專案操作
  • 10/14 開車上路
    • 繪圖區操作
    • 向量圖與點陣圖
    • 專案操作
  • 10/7 帶球跑
    • 初始化
    • 停止事件
    • 碰觸顏色偵測
    • 專案操作
  • 9/30 貓咪趴趴走
    • 認識舞台座標
    • 重複結構
    • 選擇結構
    • 專案操作
  • 9/23 百變服裝秀
    • 初步認識編輯操作介面
    • 循序結構
    • 專案操作
  • 9/16 認識Scratch3.0
  • More
    • 首頁
    • 課程預定進度
    • 12/2 小小音樂家
      • 〈音樂類〉積木
      • 音樂知識
      • 專案操作
    • 11/11 幸運數字
      • 認識變數
      • 詢問與回答
      • 內置計時器
      • 專案操作
    • 10/28 中大獎
      • 隨機數
      • 比較運算子積木
      • 聲音響度偵測
      • 專案操作
    • 10/21 自動駕駛
      • 自動執行控制
      • 專案操作
    • 10/14 開車上路
      • 繪圖區操作
      • 向量圖與點陣圖
      • 專案操作
    • 10/7 帶球跑
      • 初始化
      • 停止事件
      • 碰觸顏色偵測
      • 專案操作
    • 9/30 貓咪趴趴走
      • 認識舞台座標
      • 重複結構
      • 選擇結構
      • 專案操作
    • 9/23 百變服裝秀
      • 初步認識編輯操作介面
      • 循序結構
      • 專案操作
    • 9/16 認識Scratch3.0

10/14 開車上路

向量圖與點陣圖

10/14 開車上路

繪圖區操作

專案操作

📣 向量圖與點陣圖

(一) 向量圖

向量圖即是矢量圖(Vector graphics),是根據幾何元素來繪製圖形,是用點、線、矩形、多邊形、圓和弧線等等幾何元素描述圖像。這些幾何元素都是通過數學公式計算獲得的。

矢量文件中的圖形元素稱為對象或元件。每個對象或元件都是一個自成一體的實體,它具有顏色、形狀、框線、大小和位置等屬性。

我們熟悉的Scratch小貓形象就是向量圖(如圖),藍色線就是一個個的幾何元素。

向量圖形最大的優點是無論放大、縮小或旋轉等不會失真;最大的缺點是難以表現色彩層次豐富的逼真圖像效果。

「向量」這個概念怎麼理解?

向量圖是使用向量化的數據結構存儲圖片數據的。向量數據結構通過記錄坐標的方式儘可能精確地表示點、線和多邊形等地理實體,坐標空間設為連續,允許任意位置、長度和面積的精確定義。向量結構的顯著特點:定位明顯,屬性隱含。

😃 優點:

(1)文件小;

(2)圖像元素對象可編輯;

(3)圖像放大或縮小不影響圖像的解析度;

(4)圖像的解析度不依賴於輸出設備;

(5)線條非常順滑並且是同樣粗細的;

(6)顏色的邊緣是非常順滑的。

😒 缺點:

(1)重畫圖像困難;

(2)真實照片逼真度低,要畫出自然度高的圖像需要很多的技巧;

(3)無法產生色彩艷麗、複雜多變的圖像;

(4)向量圖仿圖繪製做卡通的相似度97%以上,3%是清晰美化的。

(二) 點陣圖

點陣圖就是位圖(Bitmap),又稱柵格圖(英語:Raster graphics)或點陣圖,是使用像素陣列(Pixel-array/Dot-matrix點陣)來表示的圖像。點陣圖的像素都分配有特定的位置和顏色值。

當放大點陣圖時,可以看見構成整個圖像的無數單個方塊。擴大點陣圖尺寸的效果是增大單個像素,從而使線條和形狀顯得參差不齊。然而,如果從稍遠的位置觀看它,點陣圖圖像的顏色和形狀又顯得是連續的。

(三) 結語比較

在向量圖模式畫的圖是一個個的元件,可以把幾個關係固定的元件合成群組以利編輯,也可以解散群組,修改個別元件。

但點陣圖就是只有一個元件,無法透過節點修改,必須一筆一筆的繪製或擦除,沒有群組,放大也會失真,目前看到的 .JPG、.PNG或.GIF都是點陣圖。

目前在Scratch中使用的向量圖檔是.SVG(可縮放的向量圖形)

2021© 臺中市大墩國小版權所有。
本網站系統由資訊組建置與維護,如有任何疑問和建議,歡迎與我們連絡。
地址:40867 臺中市南屯區向上路二段201號 電話:(04)23816608 傳真:(04)23812943 E-mail:ddes714@ddes.tc.edu.tw

Report abuse
Page details
Page updated
Report abuse