Ты уверен, что можешь. Фактически, вы можете заполнить любую произвольную форму любой повторяющейся вещью, даже формами, которые вы делаете в самом Canvas!
Вот пример произвольной формы, заполняющейся «стручками гороха», которые были определены на холсте: http://jsfiddle.net/NdUcv/
Вот простой рисунок шахматной доски: http://jsfiddle.net/NdUcv/2/
Эта вторая заставляет заливку формы выглядеть так:
Я создаю этот шаблон, делая холст, а затем рисую на нем все, что хочу повторить:
var pattern = document.createElement('canvas');
pattern.width = 40;
pattern.height = 40;
var pctx = pattern.getContext('2d');
// Two green rects make a checkered square: two green, two transparent (white)
pctx.fillStyle = "rgb(188, 222, 178)";
pctx.fillRect(0,0,20,20);
pctx.fillRect(20,20,20,20);
Тогда на моем обычном холсте я могу сделать:
var pattern = ctx.createPattern(pattern, "repeat");
ctx.fillStyle = pattern;
и нарисуйте заполнить что-нибудь с этим шаблоном.
Конечно, это не обязательно должен быть путь холста, вы можете использовать изображение шахматной доски (или любое другое изображение) и заполнить им фигуру, используя шаблоны холста.