JavaScript的圖像對象

-2

我會喜歡一種方式來相對定位對象的div左上角。或者使用JavaScript來創建某種形象的視圖（不使用HTML img標籤），該視圖將在屏幕上顯示爲相對於div。會有多個這些圖像，我希望它們能夠重疊。我想重拍一場比賽我做了對的Xcode其涉及走動對齊網格（這將是在一個窗口是1000x700px）JavaScript的圖像對象

塊我用JavaScript初學者

來源

2013-03-05 Dylan Thepiguy

-1。對不起，但你的問題只是不夠詳細和研究。這有點令人困惑，並且您沒有提供爲什麼要避免使用HTML''標籤的背景信息。順便說一下，有三種方法可以在HTML中添加圖像。 1）直接指定''標籤，2）在腳本標籤中，創建一個Image（）的實例並使用'element.appendChild（）'。如果你願意使用畫布，那麼3）創建一個'

關於第一個選項（定位圖像），你可以用CSS來完成（或者用JavaScript處理相同的CSS屬性）。您只需要：

容器與position: relative。
裏面的元素與position: absolute。然後操縱它們的top,left,right和bottom屬性（它將相對於容器）。

來源

2013-03-05 20:51:39 bfavaretto

那麼它很難推薦任何沒有完整的上下文，但你可以用一些基本的CSS來做到這一點。

由於您不想使用圖片標籤，您可以在包含的div上添加背景圖片。然後將該圖像定位在您需要它的地方。

例子：http://jsfiddle.net/ufomammut66/wctJc/1/

我們使用background-position定義在哪裏顯示圖像。您可以使用關係（頂部，中心，底部，右側，左側）或實際像素位置（X Y表示法IE：100px 5px）來說明應該顯示的位置。

根據你將要做什麼樣的東西（因爲它是一個遊戲），將物品分解成主容器的不同子元素可能更有意義。所以你會有1個元素，其上有position:relative以及一系列其他元素，它們上面有position:absolute。絕對定位的元素可以像背景一樣放置 - X Y位置以像素爲單位設置（top:100px;left:5px）。此外，您可以將它們製作成動畫以移動並與事物互動。在下面的示例中，我使用jQuery爲元素設置動畫，主要是因爲jQuery使動畫變得非常簡單。

例如：http://jsfiddle.net/ufomammut66/QxGhD/2/

來源

2013-03-05 21:44:33 ShortRound1911

JavaScript的圖像對象

回答

相關問題