Как исправить положение маски в 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
Спасибо!