2015-06-28 36 views
0

我正在構建一個用戶可以在其上繪製對象的網站。網頁的動態日誌記錄窗口

我想建立一個窗口,記錄任何錯誤,用戶做出

例如,繪製規則是隻圓允許一個三角形內。但是,一位用戶在三角形內部畫一個正方形。系統仍然允許並按照用戶的需要執行它。但會在日誌窗口(位於頁面底部)中出現警告消息,例如「三角形內部只允許有圓圈」。每當用戶修正錯誤時,窗口中的警告將被刪除(由於這個功能,我認爲它應該被稱爲動態日誌記錄窗口)

我在ExpressJS和dojoJS中使用JavaScript。

誰能告訴我如何建立這樣一個窗口?我很新的網頁開發

任何幫助,將不勝感激。

我想建立這樣一個窗口,在我的網站

+0

您需要跟蹤繪製的每個對象的位置和範圍。我建議使用2D碰撞檢測庫(或更高級用途的物理引擎),這將允許您使用更多的形狀,並免除編寫自己的邏輯來查找碰撞的麻煩。 – galactocalypse

+0

@galactocalypse這裏的問題是如何構建一個錯誤記錄窗口(例如Eclipse中的Problems窗口,查看問題中的圖像)。 –

+1

對不起,完全錯過了上下文。我已經添加了窗口的基本邏輯作爲答案。讓我知道它是否有幫助。 – galactocalypse

回答

1

我不知道,如果你要求的錯誤檢測邏輯與否的任何部分。我在這裏沒有提到它。

這裏是要對這個一個簡單的方法:

  1. 創建底部或任何你喜歡的一個固定位置股利。這將包含所有的錯誤。
  2. 爲每個添加的形狀保留一個shapeId,併爲每個生成的錯誤保留一個errorId。將errorId映射到它影響的shapeId列表中。對於每個errorId添加一個元素到窗口。將元素的id設置爲錯誤的errorId
  3. 當添加/修改形狀時,遍歷所有errorId,並使用它們的id修改列表中受影響的錯誤。

希望這可以解決您的問題。

更新: 如果你只是要顯示問題中提到的錯誤,我想老式的Bootstrap就足夠了。

Here's a fiddle

jSlate看起來你的情況有很大的作用。我建議你看看演示一次。

+0

讓我試試這個方法 。我會告訴你,並在稍後評分。感謝:D –

+0

你知道任何插件或工具幫助設計窗口,(因爲我設計的很糟糕)? 我搜索了,並得到這個http://terminal.jcubic.pl/。 這種情況下可以使用嗎? –

+0

@Ryan_Chau:終端仿真器似乎不是你要找的東西。查看我剛纔提供的更新。 – galactocalypse