Flutter繪畫例項 二

2021-10-11 00:05:48 字數 1109 閱讀 3911

path 主要有方法如下:

直接描述路徑的方法還可以細分為兩組:新增子圖形和畫線(直線或曲線)

addarc(rect oval, double startangle, double sweepangle) - 新增圓弧

addoval(rect oval) - 新增圓

addpolygon(listpoints, bool close) - 新增乙個由點的集合描述的多邊形

addrect(rect rect) - 新增矩形

addrrect(rect rect) - 新增圓角矩形

addpath(path path, offset offset) - 新增子路徑

這個方法通過描述路徑的方式來繪製圖形,用法大概是這樣:

到這裡canvas圖形的繪製就講的差不多了,圖形簡單時,使用 drawcircle() drawrect() 等方法來直接繪製;圖形複雜時,使用 drawpath() 來繪製自定義圖形。 除此之外, canvas 還可以繪製和文字。

canvas.drawimagerect(image, offset(0.0, 0.0) & size(image.width.todouble(), image.height.todouble()), offset(0.0, 0.0) & size(200, 200), _paint);
正常比例:

拉伸:

參考:

Flutter 入門筆記 二

示例 引入ui庫,material ui官網 import package flutter material.dart dart與js不同,dart是一定要加末尾的分號的 void main 同樣的意思,使用箭頭函式的寫法 class extends statelesswidget 執行介面 例項 ...

Flutter入門(二) 布局

網格布局 class homecontent extends statelesswidget return templist.tolist override widget build buildcontext context 效果圖 優化class homecontent extends state...

40個flutter入門例項詳解 四

17.表單 class formtestroute extends statefulwidget class formtestroutestate extends state textformfield controller pwdcontroller,decoration inputdecorat...