想创造一个半圆形的可点击的图形，但是SVG和canvas都会使周边的空白部分——矩形)被点击，该如何做使仅仅只有半圆的部分能被点击到呢

想创造一个半圆形的可点击的图形，但是SVG和canvas都会使周边的空白部分——矩形)被点击，该怎么做使仅仅只有半圆的部分能被点击到呢？
不是很想自绘图形后作为图片导入，因为不知道为什么再在PS内精修毛边还是很厉害。

[解决办法]
html5中SVG和canvas都被定义为一个基本元属，所以点击SVG和canvas的内容就是点击元素本身。这个时候就要用坐标来判断点击区域是否为图形显示区域。