如何在画布上使用鼠标展开图像？

Question

在这个示例中，我真的很喜欢http://www.nytimes.com/newsgraphics/2013/09/13/fashion-week-editors-picks/图像如何在悬停时扩展。 我知道如何用jquery做到这一点，但我也知道它不会那么快和可靠。 我可以尝试使用d3js，但是我真的很陌生，知道可以从哪里开始或其他可行的选择？

谢谢

Answer 1

尝试这个：

的HTML：

<div style = "display:inline;" id = "imgBar">
</div>

CSS：

#imgBar{
//CSS here
}

#imgBar > img:hover{
width:200px; //Just set the width to double it's default value
height:200px; //Same as above; 200px is just a dummy value
}

然后，您可以使用javascript将图像添加到div中。

---

祝好运！