zoriya/react-native-svg
1
0
Fork 0
mirror of https://github.com/zoriya/react-native-svg.git synced 2025-12-20 14:05:09 +00:00
Code Issues Packages Projects Releases Wiki Activity
961 Commits 3 Branches 0 Tags
fc63635f3cb6c03de22fb8c7eb973b08e0147b1b
Commit Graph

64 Commits

Author SHA1 Message Date
Mikael Sand
fc63635f3c Implement basic support for Pattern element 2018-09-02 16:06:44 +03:00
Mikael Sand
e98b0fe1d1 Merge branch 'master' into NativeAnimation 
# Conflicts:
#	android/src/main/java/com/horcrux/svg/RenderableShadowNode.java
#	android/src/main/java/com/horcrux/svg/SvgViewShadowNode.java
#	elements/Image.js
#	elements/Rect.js
#	elements/Use.js
#	lib/attributes.js
 2018-08-19 15:48:40 +03:00
Mikael Sand
28235ea137 Run Prettier, configure ESLint. 2018-03-19 04:07:47 +02:00
Mikael Sand
0eb501d5e8 Alternative approach without TextureView. 2018-03-18 22:39:44 +02:00
Mikael Sand
fbd6591251 Experiment to allow animating fillOpacity of Rect using native driver. 
import React, { Component } from 'react';
import { StyleSheet, View, Dimensions, Animated } from 'react-native';
import { Svg, Rect } from 'react-native-svg';

const { width, height } = Dimensions.get('window');
const AnimatedRect = Animated.createAnimatedComponent(Rect);

export default class App extends Component {
  state = {
    anim: new Animated.Value(0),
  };

  componentDidMount() {
    Animated.timing(this.state.anim, {
      toValue: 1,
      duration: 3000,
      useNativeDriver: true,
    }).start();
  }

  render() {
    const { anim } = this.state;
    return (
      <View style={styles.container}>
        <Svg width={width} height={height} viewBox="0 0 100 100">
          <AnimatedRect
            x="5"
            y="5"
            width="90"
            height="90"
            fill="green"
            fillOpacity={anim}
          />
        </Svg>
      </View>
    );
  }
}

const styles = StyleSheet.create({
  container: {
    backgroundColor: '#ecf0f1',
  },
});
 2018-02-24 23:45:42 +02:00
Mikael Sand
a1b57d3f4f Implement default and required css 3 fonts features, fontFeatureSettings, sub-/super- script baseline-shift. 
Activate OpenType localized forms and features required for proper display of composed characters and marks.
 2017-08-07 18:26:45 +03:00
Mikael Sand
a97122a994 Initial support for OpenType.js font data/tables/metrics. 2017-08-04 21:17:02 +03:00
Mikael Sand
fe7e8b2b65 Implement baselineShift and verticalAlign (preferred). 
Transverse Box Alignment, specifies how an inline-level box is aligned within the line, and by how much the box is shifted up from its alignment point.
 https://drafts.csswg.org/css-inline/#propdef-vertical-align
 https://www.w3.org/TR/css-inline-3/#propdef-baseline-shift
 https://www.w3.org/TR/css-inline-3/#transverse-alignment
 2017-08-04 16:29:06 +03:00
Mikael Sand
2939584d1b Implement font-variant-ligatures. 
https://developer.mozilla.org/en/docs/Web/CSS/font-variant-ligatures
https://www.w3.org/TR/css-fonts-3/#font-variant-ligatures-prop
 2017-08-04 14:10:02 +03:00
Mikael Sand
d08103168a Suggest adding a compatibility mid-line rendering attribute to textPath. 2017-07-26 03:51:57 +03:00
Mikael Sand
c05c215496 Implement prop extraction for side and alignmentBaseline. Cleanup extractText, fix linting. 2017-07-25 07:45:08 +03:00
Mikael Sand
fddb4008d1 Extend and improve propTypes. Optimize javascript hidden classes and inline caching in V8. 
Add lengthAdjust and textLength text / tspan attributes.
 2017-07-25 04:07:04 +03:00
Mikael Sand
c502c67968 Fix TextAttributes differ 2017-07-24 03:26:56 +03:00
Mikael Sand
a14f2d0ca0 Fix fontDiffer 2017-07-24 00:16:17 +03:00
Mikael Sand
1a9a051ee9 Fix linting, warnings, add noinspection suppression comments. 2017-07-24 00:08:28 +03:00
Mikael Sand
dff02c3dbb Implement wordSpacing in extractFont 2017-07-23 08:30:28 +03:00
Mikael Sand
2458a2f262 Implement rotate and textDecoration 2017-07-16 01:50:59 +03:00
Mikael Sand
c7039588f6 Improve coordinate system calculations for font-size, letter-spacing etc. 
Fix parsing of transform to account for single parameter scale and translate correctly.
Fix skewX, had opposite of intended effect.
https://www.w3.org/TR/SVG/coords.html
https://www.w3.org/TR/SVG2/coords.html
https://www.w3.org/TR/SVGTiny12/coords.html
https://www.w3.org/TR/SVG/coords.html#TransformAttribute
https://www.w3.org/TR/SVG/coords.html#SkewXDefined
 2017-06-27 20:45:04 +03:00
Mikael Sand
bd84f09a96 Implement correct path measurement, matrix calculation, getTextAnchorShift, startOffset. 
Add method and spacing attributes to textPath.
Correct startOffset calculation.
Implement method="stretch".
 2017-06-22 17:02:30 +03:00
Mikael Sand
dac969b944 First letterSpacing implementation attempt 2017-06-20 22:04:41 +03:00
Mikael Sand
155fa4b6ae Implement support for em in dx and dy attributes and font props for G element 2017-06-20 03:15:01 +03:00
Horcrux
5bd9b40c17 refactor Components props extracting 2017-02-03 19:43:25 +08:00
Horcrux
cfaca8b3cb Add gradientUnits support 2017-01-24 22:24:36 +08:00
Horcrux
1b04e11ca4 Refactor Symbol on iOS 2017-01-22 17:51:47 +08:00
Horcrux
7c9f6b2d3d Remove unused public method 2017-01-16 14:38:43 +08:00
Horcrux
b15d0791e0 Add startOffset support 2017-01-10 12:30:48 +08:00
Horcrux
52dfe21074 Implement TextPath: first step (iOS) 2017-01-09 20:16:20 +08:00
Horcrux
1d06134719 Add TextPath element 2017-01-09 13:08:22 +08:00
Horcrux
f9fe7bdc4e merge master fix conflicts 2017-01-09 11:11:12 +08:00
Horcrux
152e839126 Remove path data usage in clipPath 
Remove path data usage in clipPath.
Use clipPath in SVG way
 2017-01-07 23:17:10 +08:00
Horcrux
0a6dc56b68 Move serialize path to native side 2017-01-06 14:57:06 +08:00
Horcrux
0434cddc8b Fix memory issue with ClipPath 
Fix memory issue with ClipPath.
 2016-11-11 13:25:16 +08:00
Horcrux
da32b1bb96 Temp commit 2016-11-05 18:42:49 +08:00
Horcrux
d549f6ca9c clean up unused code 2016-09-17 09:49:28 +08:00
Horcrux
ad196a7071 finish Text props extract refactoring 2016-09-16 23:59:38 +08:00
Horcrux
74b9917bd3 flattern text into several spans 
flattern text into several spans (step 1, not finish yet)
 2016-09-02 10:24:33 +08:00
Horcrux
bd26c04a1d first step of TSpan 2016-08-30 09:37:38 +08:00
Horcrux
d1afb78da0 Add preserveAspectRatio prop for Image 
Add preserveAspectRatio prop for Image.
Fix touch events for Image on Android.
Fix viewBox slice bug on Android.
 2016-08-13 14:03:08 +08:00
Horcrux
92ea884d6f native prop trans => matrix 2016-07-27 15:54:45 +08:00
Horcrux
9888a1adf2 add viewBox support for android 2016-07-26 11:37:31 +08:00
Horcrux
a2598a5591 native prop tranform => trans,fix defs typo 2016-07-25 11:15:39 +08:00
Horcrux
cbea7a4edb finish Symbol refactor 
finish Symbol refactor
finish all reusable elements refactor (iOS)
 2016-07-24 11:41:00 +08:00
Horcrux
10b28434bb refactor viewBox for svg 2016-07-23 23:44:26 +08:00
Horcrux
7e13b801e1 refactor text render 
Support G inherit props.
Refactor text render. Text glyphs will perfectly draw along the path
 2016-07-22 23:49:15 +08:00
Horcrux
5ee5c2239a fix memory leak issue with CGMutablePathRef 2016-07-21 18:22:23 +08:00
Horcrux
ff2395bcc2 finish gradients refactor 2016-07-20 22:38:45 +08:00
Horcrux
18e1b60823 complete ClipPath refactor 2016-07-20 14:44:19 +08:00
Horcrux
dd6cb80e84 refactor Use and Defs element with native code support(iOS) 2016-07-19 23:09:51 +08:00
Horcrux
4eddfc6885 trans => transform 2016-07-19 10:37:30 +08:00
Horcrux
d610729208 clipPathId => clipPathRef 2016-07-19 09:34:27 +08:00