如图所示：

我需要做一个显示不规则图形的展示区，用户可以在界面上用手指旋转，放大，缩小 展示窗口内的图片。

目前我的做法是做canvas 上画出展示的内容，并在canvas 上方加入一个cover-view / cover-image 盖在上方，放置一张四周为白色中间为透明的图片，显示出不规则的canvas 内容。

这张cover-view 导致我无法获得canvas 的 bindToucheStart ,move,end  三种状态，实现不了用手势控制 ctx.rotate 。

请问有没有什么方式可以实现我这样的需求？