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的图像对象

回答

相关问题