如何放置两个画布图像上相互

Question

我有他们两个canvas.One是一个房间，另一个的画面是chair.I的图片有两个问题：一是 ：如何把这些两个画布上的图像彼此？ 二：它包含了房间的形象我的第一个帆布宽约7米的椅子是80cm左右的width.By它不是images.It的大小是他们view.How大小的方式，我应该把根据第一个第二个？

感谢

Answer 1

我不知道为什么你保持引用到“画布”上，因为我不明白为什么你需要的画布时，你可以使用图片，但你可以只使用position: relative;您父元素，然后在你的子元素position: absolute;，例如：

<div class="canvas"> 
    <img class="canvas__item" src="images/room.jpg" alt="The room"> 
    <img class="canvas__item canvas__item--chair" src="images/chair.jpg" alt="The chair"> 
</div> 

或者，如果使用<canvas>元素（我不能没有任何代码告诉你的问题）：

<div class="canvas"> 
    <canvas class="canvas__item canvas__item--room"></canvas> 
    <canvas class="canvas__item canvas__item--chair"></canvas> 
</div> 

而在你的CSS：

.canvas { 
    position: relative; 
    width: 720px; /* Define the width of your main image, in your case the "room" */ 
    height: 460px; /* Define the height of your main image, in your case the "room" */ 
} 

.canvas__item { 
    position: absolute; 
}  

.canvas__item--room { 
    top: 0; 
    left: 0; 
} 

.canvas__item--chair { 
    top: 10px; /* Define the offset position of your chair image here */ 
    left: 80px; /* Define the offset position of your chair image here */ 
    width: 60px; /* Define the width of your chair image here */ 
    height: 180px; /* Define the height of your chair image here */ 
}