52 lines
1.4 KiB
JavaScript
52 lines
1.4 KiB
JavaScript
|
import extractBrush from './extractBrush';
|
||
|
|
import extractOpacity from './extractOpacity';
|
||
|
|
import {strokeProps} from '../props'
|
||
|
|
|
||
|
|
const separator = /\s*,\s*/;
|
||
|
|
|
||
|
|
const caps = {
|
||
|
|
butt: 0,
|
||
|
|
square: 2,
|
||
|
|
round: 1
|
||
|
|
};
|
||
|
|
|
||
|
|
const joins = {
|
||
|
|
miter: 0,
|
||
|
|
bevel: 2,
|
||
|
|
round: 1
|
||
|
|
};
|
||
|
|
|
||
|
|
const strokeKeys = Object.keys(strokeProps);
|
||
|
|
|
||
|
|
export default function(props, styleProperties) {
|
||
|
|
strokeKeys.forEach((name) => {
|
||
|
|
if (props.hasOwnProperty(name)) {
|
||
|
|
styleProperties.push(name);
|
||
|
|
}
|
||
|
|
});
|
||
|
|
|
||
|
|
const {stroke} = props;
|
||
|
|
const strokeWidth = +props.strokeWidth;
|
||
|
|
let strokeDasharray = props.strokeDasharray;
|
||
|
|
|
||
|
|
if (typeof strokeDasharray === 'string') {
|
||
|
|
strokeDasharray = strokeDasharray.split(separator).map(dash => +dash);
|
||
|
|
}
|
||
|
|
|
||
|
|
// strokeDasharray length must be more than 1.
|
||
|
|
if (strokeDasharray && strokeDasharray.length === 1) {
|
||
|
|
strokeDasharray.push(strokeDasharray[0]);
|
||
|
|
}
|
||
|
|
|
||
|
|
return {
|
||
|
|
stroke: extractBrush(stroke),
|
||
|
|
strokeOpacity: extractOpacity(props.strokeOpacity),
|
||
|
|
strokeLinecap: caps[props.strokeLinecap] || 0,
|
||
|
|
strokeLinejoin: joins[props.strokeLinejoin] || 0,
|
||
|
|
strokeDasharray: strokeDasharray || null,
|
||
|
|
strokeWidth: strokeWidth || null,
|
||
|
|
strokeDashoffset: strokeDasharray ? (+props.strokeDashoffset || 0) : null,
|
||
|
|
strokeMiterlimit: props.strokeMiterlimit || 4
|
||
|
|
};
|
||
|
|
}
|