WPF動態在畫布(Canvas)上畫乙個矩形。

2021-10-14 03:10:38 字數 1023 閱讀 6753

應用背景,現在有乙個用wpf定義好的畫布,

現在要在這個畫布畫乙個矩形,當然矩形是根據畫布大小決定的。

需要引用的檔案

using system.windows;

using system.windows.controls;

using system.windows.media;

using system.windows.shapes;

思路:

第一步先讀取畫布的width和height

第二步建立矩形並設定矩形引數

第三步把矩形新增到畫布下

上**解釋:

public void drawmaptrack()

這兩行**是去讀wpf的mainwindow中canvas的width和height,其中mapcanvas是xaml中canvas的name。

下面**是設定矩陣的意思

第一行是建立乙個矩形

第二行和第三行是設定矩形顏色

第四行是設定width

第五行是設定height

rectangle maptrack = new rectangle();

maptrack.stroke = new solidcolorbrush(colors.lightgray);

maptrack.fill = new solidcolorbrush(colors.lightgray);

maptrack.width = maptrackcanvaswidth - 60;

maptrack.height = 7;

下面**這兩行是設定矩形在畫布的位置,不解釋了。

canvas.setleft(maptrack,30);

canvas.settop(maptrack, maptrackcanvasheight / 2);

這行**是把矩形新增到畫布中。

通過canvas畫布畫動態時鐘

效果圖 步驟 1.canvas是乙個畫圖的容器,裡面沒有圖形,需要你自己加上圖形 先定義好canvas的寬 高 2.定義js函式實現時鐘動畫,具體步驟如下 1 獲取畫布的id,然後通過getcontext 方法返回乙個用於在畫布上繪圖的環境。語法 canvas.getcontext contexti...

滑鼠在canvas畫布上繪製凸多邊形

主要功能 1.滑鼠繪製凸多邊形 2.拖動多邊形頂點座標,可修改多邊形 2.凸多邊形內巢狀多個多邊形 3.判斷是否在監控區內 exports.install function vue,options 滑鼠按下 canvas.onmousedown function event else 滑鼠移動 ca...

畫布canvas標籤,並且在畫布上畫簡單的形狀

今天整畫布,半天下來老是錯,結果 id c1 width 400 height 400 瀏覽器不支援 原來畫布的寬度和高度需要在標籤定義的時候確定,並且後面是不能帶有px這個單位的,比如 錯誤的定義 c1 ogc.fillstyle yellow ogc.fillrect 10,10 200 100...