You have several options to fill your wedge with an image or pattern.
For either option you must do ctx.closePath so your image/pattern stay within the bounds of the wedge.
You should have more success with fill pattern after you do closePath. :-)
Alternatively, set a clipping region created by your wedge:
- Save the unclipped context state: ctx.save();
- Create your wedge path.
- do ctx.clip() and all new drawings will only be drawn inside your wedge
- drawImage your image or patterned fill ( with clip, the image will be restricted to the wedge)
- Restore the unclipped context state: ctx.restore();