如何放大图像并居中？

任何想法如何在特定点图像中使用放大javascript,css？我正在使用webkit基于浏览器.

我可以通过指定缩放属性进行缩放,例如`elem.style.zoom ="150%",主要问题是我无法将图像居中放在我想要缩放的位置.我可以使用鼠标点击我想要缩放的点.

正如我在上面的评论中所说,我会避免缩放css属性并坚持只是javascript.我设法将以下代码放在一起,这对于第一次单击非常有效,它真正需要的是更动态一点(甚至一个单词？).