Как исправить положение маски в snapsvg.js?

Вот код JS:

var cv = Snap('#cv').attr({height: '100%', width: '100%'});

var mskHide = cv.rect().attr({height: '100%', width: '100%', left:0, top:0, fill: '#666'});
var mskShow = cv.circle(200, 200, 150).attr({fill: '#fff'});
var mskG = cv.group(mskHide, mskShow);

var bg = cv.circle(200, 200, 150).attr({fill: '#aaa'});
var customImg = cv.image('http://placehold.it/500/990000').attr({mask: mskG});

//when I drag the customImg, I want mskG fixed position
customImg.drag();

Вы можете просмотреть здесь:http://codepen.io/rlog/pen/eKBlc

Вопрос в том: Когда я тащуcustomImgКак я могу исправить положениеmskG.

mskG нет необходимости двигаться сcostomImg

этот пример - то, что я хочу:http://codepen.io/rlog/pen/bAImu

Спасибо!

Ответы на вопрос(1)

Ваш ответ на вопрос