13.13  点击饼块后呈现白色半透明效果

13.13 点击饼块后呈现白色半透明效果

在HTML 5网页中在绘制饼图时,可以使用obj.getSegment方法使用户知道哪个饼块被单击。该方法会返回一个保存如下信息的数组。

■获得被单击饼块在X轴上的坐标点。

■获得被单击饼块在Y轴上的坐标点。

■获得被单击饼块的绘制半径。

■获得被单击饼块的起始绘制角度。

■获得被单击饼块的结束绘制角度。

978-7-111-53392-4-Part04-89.jpg

当本实例的饼块被单击时,会在被单击饼块之上重新绘制一个相同尺寸的白色半透明饼块,使被点击饼块呈现一种白色半透明的效果。实例文件13.html的具体实现代码如下所示。

978-7-111-53392-4-Part04-90.jpg

978-7-111-53392-4-Part04-91.jpg

执行后的效果如图13-13所示。

978-7-111-53392-4-Part04-92.jpg

图13-13执行效果