繪製矩形，顯示從Windows

屏幕位置我有一個輸入字符串是這樣的：繪製矩形，顯示從Windows

{ (3200, 1080), (1280, 0) ; (1280, 1024), (0, 0) }

這基本上是一個輸入，我從我的C＃程序，它需要我的屏幕座標得到。

括號內的數字是右下角和左上角的座標，並定義了一個矩形。例如：

(1280, 1024), (0, 0)

表示第一個屏幕的尺寸爲1280 x 1024，並從左上角的點（0,0）開始。在它旁邊是第二個屏幕，左上角的座標是（1280,0），右下角的座標是（3200,1080） - 它們形成一個矩形。

我要做的是在網絡應用程序中繪製這些屏幕 - 沒有什麼花哨只有兩個不同的彩色矩形可以做。現在，我做了一些研究，看到html5畫布可能是要走的路，但我想聽聽你的想法，並且可能會推動我朝着正確的方向前進。如果你可以給一些jsfiddle例子，將不勝感激！

來源

2011-07-07 Nikola

你需要在* recta裏面畫什麼* ngles？如果你不這樣做，那麼使用DIV與'position：absolute'應該做到這一點。 – bfavaretto

@bfavaretto：實際上沒有，矩形中沒有東西。我想知道你能分享一下你的意思嗎？因爲，我認爲那樣（使用div）會更困難 - 嗯，也許我錯了 - thx，會嘗試。 – Nikola

看看[這個jsFiddle]（http://jsfiddle.net/LpHC4/） – bfavaretto

你可以只使用的div position: absolute，在this jsFiddle詳見（jQuery的用於簡單起見，但同樣可以輕鬆無jQuery的實現）。

編輯（我剛添加的代碼，如果由於某種原因，你的jsfiddle被刪除！）：

HTML：

<div id="screens"> 
    <div id="screen0" class="screen"></div> 
    <div id="screen1" class="screen"></div> 
</div>

CSS：

#screens { position: relative } 
.screen {position: absolute } 

#screen0 { background: blue; } 
#screen1 { background: green; }

JS：

var originalScreens = [ 
    { 
     position: [0,0], 
     dimensions: [1280,1024] 
    }, 
    { 
     position: [1280,0], 
     dimensions: [1090,1080] 
    } 
]; 
var scale = 0.1; 
for(var i=0; i<originalScreens.length; i++) { 
    $('#screen' + i).css('left', (originalScreens[i].position[0] * scale) + 'px'); 
    $('#screen' + i).css('top', (originalScreens[i].position[1] * scale) + 'px'); 

    $('#screen' + i).css('width', (originalScreens[i].dimensions[0] * scale) + 'px'); 
    $('#screen' + i).css('height', (originalScreens[i].dimensions[1] * scale) + 'px'); 
}

來源

2011-07-07 19:35:42 bfavaretto

繪製矩形，顯示從Windows

回答

相關問題