sketch-json-parse
Version:
sketch-json解析
64 lines (63 loc) • 2.01 kB
JavaScript
;
Object.defineProperty(exports, "__esModule", { value: true });
/**
* fillStyle.patternFillType == 0 Mask_Tile repeat 平铺
* fillStyle.patternFillType == 1 Mask_Fill cover 填充
* fillStyle.patternFillType == 2 Mask_Stretch 100% 100% 拉伸
* fillStyle.patternFillType == 3 Mask_Fit contain 包含
*/
exports.default = (fillStyle, layer) => {
const background = {};
if (!fillStyle.image) {
return;
}
if (fillStyle.patternFillType == 0) {
background.repeat = 'repeat';
}
if (fillStyle.patternFillType == 1) {
background.repeat = 'no-repeat';
background.position = {
left: 'center',
top: 'center'
};
background.size = 'cover';
}
if (fillStyle.patternFillType == 2) {
background.repeat = 'no-repeat';
background.position = {
left: 'center',
top: 'center'
};
background.size = {
width: '100%',
height: '100%',
};
}
if (fillStyle.patternFillType == 3) {
background.repeat = 'no-repeat';
background.position = {
left: 'center',
top: 'center'
};
background.size = 'contain';
}
// TODO
// if (layer.realFrame) {
// const realFrame = JSON.parse(JSON.stringify(layer.realFrame));
// layer.maskStyle['background-position'] = `${realFrame.x - layer.frame.x}px ${realFrame.y - layer.frame.y}px`;
// layer.maskStyle['background-size'] = `${realFrame.width}px ${realFrame.height}px`;
// layer.maskStyle['background-repeat'] = 'no-repeat';
// }
// 填充背景，提前替换为资源路径
let imgPath = fillStyle.image._ref;
if (!/.(png|pdf)$/.test(imgPath)) {
imgPath = imgPath + '.png';
}
background.image = {
url: imgPath
};
//图片类型，背景色去掉
// TODO
// delete record.style['background-color'];
return background;
};