JS 生成隨機矩形位置 矩形大小 物件導向

2022-08-14 04:03:08 字數 1497 閱讀 6870

使用物件導向的方法進行矩形的隨機生成。使用了原型和建構函式模式

隨機生成矩形。矩形的位置是隨機的,矩形的長寬(100-200)也是隨機的。

貼上**:

html

1

<

div

class

="content"

id="content"

>

2<

div

class

="controls"

>

3<

label

for="rec_num"

>請輸入您要自動生成的矩形數量:

label

>

4<

input

type

="text"

id="rec_num"

class

="number"

>

5<

br>

6<

input

type

="button"

id="makerec"

value

="生成矩形"

class

="btn createbtn"

>

7<

input

type

="button"

id="clearrec"

value

="清除畫布"

class

="btn clearbtn"

>

8div

>

9<

div

id="rec_place"

>

div>

10div

>

view code

js

<

script

>

window.onload

=function

()

else

if(parseint(num)

<=0)

else}}

//點選清除畫布

clearrec.onclick

=function

() }}//

var colors = ["red","blue","green","yellow","black"];

function

rectangle(index,rec_place)

= function()}//

原型+建構函式:讓函式共用

rectangle.prototype =,

ruinrec:

function()}

script

>

ps:效果出不來,我也不懂為什麼t t

(感興趣的貼上一下**自行執行看看吧)

請輸入您要自動生成的矩形數量:

以上內容,如有錯誤請指出,不甚感激。

MFC 隨機矩形

問題描述 簡單地使用隨即的尺寸和顏色不停的繪製一系列的影象。一種古老的方式 設定乙個向視窗函式傳送wm timer訊息的windows計時器。對每個wm timer訊息,呼叫getdc函式獲取裝置環境,然後繪製乙個隨機矩形,接著呼叫releasedc函式釋放裝置環境。方法弊端 程式不能很快的繪製隨機...

MFC 隨機矩形

問題描述 簡單地使用隨即的尺寸和顏色不停的繪製一系列的影象。一種古老的方式 設定乙個向視窗函式傳送wm timer訊息的windows計時器。對每個wm timer訊息,呼叫getdc函式獲取裝置環境,然後繪製乙個隨機矩形,接著呼叫releasedc函式釋放裝置環境。方法弊端 程式不能很快的繪製隨機...

Halcon 生成矩形函式引數

gen rectangle1 rectangle,row1,column1,row2,column2 引數 rectangle 輸出矩形 row1 矩形左上角行座標 column1 矩形左上角列座標 row2矩形右下角行座標 column2矩形右下角列座標 gen rectangle2 rectan...