zoriya/react-native-svg
1
0
Fork 0
mirror of https://github.com/zoriya/react-native-svg.git synced 2025-12-20 22:05:14 +00:00
Code Issues Packages Projects Releases Wiki Activity

Run Prettier, configure ESLint.

Browse Source
This commit is contained in:
Mikael Sand
2018-03-19 04:07:47 +02:00
parent 4e6ba9a786
commit 28235ea137
21 changed files with 422 additions and 253 deletions
Download Patch File Download Diff File Expand all files Collapse all files

38
lib/extract/extractGradient.js
View File

@@ -1,12 +1,12 @@
import {Children} from 'react';
import _ from 'lodash';
import Color from 'color';
import { Children } from "react";
import _ from "lodash";
import Color from "color";
import extractOpacity from './extractOpacity';
import extractTransform from './extractTransform';
import PATTERN_UNITS from '../PATTERN_UNITS';
import percentToFloat from '../percentToFloat';
import Stop from '../../elements/Stop';
import extractOpacity from "./extractOpacity";
import extractTransform from "./extractTransform";
import PATTERN_UNITS from "../PATTERN_UNITS";
import percentToFloat from "../percentToFloat";
import Stop from "../../elements/Stop";
export default function(props) {
if (!props.id) {
@@ -22,20 +22,27 @@ export default function(props) {
// add stop
//noinspection JSUnresolvedFunction
stops[offset] = Color(child.props.stopColor).alpha(extractOpacity(child.props.stopOpacity));
stops[offset] = Color(child.props.stopColor).alpha(
extractOpacity(child.props.stopOpacity)
);
}
} else {
console.warn('`Gradient` elements only accept `Stop` elements as children');
console.warn(
"`Gradient` elements only accept `Stop` elements as children"
);
}
});
const sorted = _.sortBy(_.map(stops, (stop, offset) => {
return {stop, offset};
}), 'offset');
const sorted = _.sortBy(
_.map(stops, (stop, offset) => {
return { stop, offset };
}),
"offset"
);
const gradient = [];
sorted.forEach(({stop}) => {
sorted.forEach(({ stop }) => {
let [r, g, b, a = 1] = stop.rgb().array();
gradient.push(r / 255);
gradient.push(g / 255);
@@ -43,8 +50,7 @@ export default function(props) {
gradient.push(a);
});
gradient.push(...sorted.map(({offset}) => +offset));
gradient.push(...sorted.map(({ offset }) => +offset));
let gradientTransform;
if (props.gradientTransform) {