firefox中使用canvas画图的问题 JavaScript DHTML 脚本技术讨论_H5之家

<!DOCTYPE html>

<html>

<head>

<style>

body {

text-align: center

}

</style>

window.onload = function() {

ctx = document.getElementById('c').getContext('2d');

ctx.beginPath();

ctx.arc(25, 25, 20, 0, Math.PI, false);

ctx.stroke();

ctx.save();

ctx.scale(0.5, 0.5);

ctx.beginPath();

ctx.arc(75, 25, 20, 20, Math.PI * 2, false);

ctx.stroke();

ctx.restore();

ctx.beginPath();

ctx.arc(25, 75, 20, 0, Math.PI, true);

ctx.stroke();

ctx.beginPath();

ctx.arc(75, 75, 20, 0, Math.PI * 2, true);

ctx.stroke();

};

document.onclick = function (event){

event = event || window.event;

elem = event.srcElement || event.target;

alert(elem.tagName);

alert(elem.parentNode.innerHTML);

}

</script>

</head>

<body>

<p>This tests that drawing arches work in the same way in different

browsers.</p>

</body>

</html>

复制代码

在用canvas画的图形上点击，却只能得到canvas元素，
alert(elem.parentNode.innerHTML)发现canvas下没有任何子节点，
图形应该是挂在什么地方呢？
如何能够分别得到所画各个图形的对象？

[ 本帖最后由 qiang218 于 2007-11-15 14:53 编辑 ]