Files
react-native-svg/lib/extract/extractStroke.js
Horcrux 74b5e82781 support stroke in pattern.
support stroke="url(#pattern)"
2016-04-22 19:04:07 +08:00

53 lines
1.2 KiB
JavaScript

import extractBrush from './extractBrush';
import patterns from './patterns';
let separator = /\s*,\s*/;
const caps = {
butt: 0,
square: 2,
round: 1
};
const joins = {
miter: 0,
bevel: 2,
round: 1
};
function strokeFilter(props, dimensions) {
let strokeWidth = +props.strokeWidth;
let {stroke} = props;
if (!strokeWidth && !stroke) {
return null;
}
let strokeDasharray = props.strokeDasharray;
if (typeof strokeDasharray === 'string') {
strokeDasharray = strokeDasharray.split(separator).map(dash => +dash);
}
if (!stroke) {
stroke = '#000';
}
// TODO: propTypes check
return {
stroke: patterns(stroke, +props.strokeOpacity, dimensions, props.svgId),
strokeLinecap: caps[props.strokeLinecap] || 2,
strokeLinejoin: joins[props.strokeLinejoin] || 0,
strokeDash: strokeDasharray || null,
strokeWidth: strokeWidth || 1
};
}
export default function(props, dimensions) {
let strokeProps = strokeFilter(props, dimensions);
return strokeProps ? {
...strokeProps,
stroke: extractBrush(strokeProps.stroke, props)
} : null;
}