这篇教学会延伸“侦测鼠标事件”和“影像的马赛克效果”两篇文章,实作用鼠标在影像中拖拉出一个四边形外框,放开鼠标后,四边形区域就会自动加上马赛克效果。

下方的程式执行后,会先建立两个空串列记录两组座标 ( 绘制四边形需要两个对角端点座标 ),接着使用 flag 判断在鼠标拖曳事件发生时,不断更新座标位置 ( 第一个座标不更动,不断更新第二个座标点 ),就能在影像中绘制出四边形。

将程式稍做修改,加上判断“鼠标放开”的事件,就能保留拖曳出的四边形区域。

将上方的程式码里,加入“影像的马赛克效果”的范例,就能在拖曳出四边形区域后,自动将该区域的影像马赛克。