Javascript HTML5画布-有2个并排的画布对象

Javascript HTML5画布-有2个并排的画布对象,javascript,html,canvas,Javascript,Html,Canvas,我知道你可以像在Photoshop中制作图像一样将画布层叠在一起,但你能将画布对象放在彼此的上下或并排吗 我想画一个图表,让你选择一个空间,根据你选择的颜色,它会根据你的选择改变块 以下是我的想法: 画布#1-绘制图表纸 画布#2-画布的右侧#1-有4种颜色选择的选项卡。我会计算出它们的x-y值,根据彩色图像获取颜色。画布1块颜色将反映此选择 这是一种很好的实施方式吗?是的,您可以将画布放在彼此的上方、下方和旁边。画布是一个HTML元素,可以像其他任何使用CSS的元素一样定位 我可能会尽量避免在

我知道你可以像在Photoshop中制作图像一样将画布层叠在一起,但你能将画布对象放在彼此的上下或并排吗

我想画一个图表,让你选择一个空间,根据你选择的颜色,它会根据你的选择改变块

以下是我的想法: 画布#1-绘制图表纸 画布#2-画布的右侧#1-有4种颜色选择的选项卡。我会计算出它们的x-y值,根据彩色图像获取颜色。画布1块颜色将反映此选择


这是一种很好的实施方式吗?

是的,您可以将画布放在彼此的上方、下方和旁边。画布是一个HTML元素,可以像其他任何使用CSS的元素一样定位

我可能会尽量避免在颜色选择选项卡中使用画布,除非出于某些您没有提到的原因,这是绝对必要的。如果使用标准DOM元素,则可以直接绑定到click事件,而不必计算鼠标相对于画布中图形的位置

这里有一些