Javascript 使用Snap.svg将图像放置在多边形内

我用Adobe的Snap.svg绘制了一个多边形（实际上是一个六边形）：

var s = Snap('#test');

var hexagon = s.paper.polygon([
            0, 50,
            50, 0,
            100, 0,
            150, 50,
            100, 100,
            50, 100,
            0, 50
]);

hexagon.attr({
            stroke: '#fff',
            strokeWidth: 1
});

我想在多边形内部放置一个图像，而不是用一些颜料填充多边形。我在文档中找到的唯一东西是image函数，但我不知道如何插入它。有人知道吗

======

最终解决方案：

var image = s.paper.image('http://placekitten.com/g/200/300', 0, 0, 150, 150);
image = image.pattern(0, 0, 150, 150);
...
hexagon.attr({
            stroke: '#fff',
            strokeWidth: 1,
            fill: image
        });

---

不能直接用图像填充元素，必须通过图案

---

这意味着您需要创建一个包含图像的模式，然后。

是否需要解释？我不明白你说的“创建包含图像的模式”是什么意思