react-native-webview-video
Version:
react-native-webview-video is a React Native library that provides a Video component that renders media content such as videos with custom controls for react-native and react-native-web. Support Youtube and Vimeo.
20 lines (17 loc) • 3.5 kB
JavaScript
import { Component } from 'react';
import Svg, { Path } from 'react-native-svg';
export default class LivingSVG extends Component {
constructor(props) {
super(props);
}
render() {
let origin_width = 512;
let origin_height = 512;
let height = typeof this.props.width != "undefined" ? (this.props.width * origin_height) / origin_width : 0;
return (
<Svg width={this.props.width} height={height} viewBox="0 0 512 512">
<Path fill={this.props.color} d="M121.279816,98.5524537 C127.335956,104.614112 127.326228,114.431976 121.257877,120.481436 C86.5145535,155.117386 65.0465116,202.962702 65.0465116,255.845237 C65.0465116,309.347604 87.0197837,357.693665 122.483179,392.421204 C128.605344,398.416909 128.703037,408.233326 122.701333,414.348946 C116.699835,420.464565 106.871544,420.561737 100.749379,414.566032 C59.5748744,374.248014 34,318.016567 34,255.845237 C34,194.396079 58.9864395,138.746216 99.3266209,98.5307451 C105.394765,92.4812851 115.223677,92.4910023 121.279816,98.5524537 Z M415.396047,100.267019 C454.723698,140.340246 479,195.276828 479,255.845237 C479,317.135819 454.144163,372.656051 413.988605,412.845884 C407.932465,418.907749 398.10314,418.918087 392.036651,412.868627 C385.968093,406.819167 385.957744,397.000682 392.013884,390.938817 C426.597628,356.32499 447.953488,308.590905 447.953488,255.845237 C447.953488,203.718367 427.094372,156.488128 393.226767,121.977055 C387.224442,115.861642 387.321721,106.044191 393.444093,100.049106 C399.566465,94.0540207 409.393721,94.151606 415.396047,100.267019 Z M180.109644,162.55144 C185.967707,168.804341 185.641926,178.61683 179.382121,184.468431 C159.741891,202.827488 147.837209,227.938329 147.837209,255.477225 C147.837209,283.33658 160.021723,308.717021 180.075079,327.130039 C186.386835,332.925199 186.800167,342.733346 180.998195,349.039174 C175.19643,355.342935 165.376212,355.756431 159.064456,349.961272 C133.13503,326.152119 116.790698,292.696083 116.790698,255.477225 C116.790698,218.692538 132.75854,185.577223 158.16866,161.824719 C164.428465,155.973118 174.251788,156.29854 180.109644,162.55144 Z M355.91714,162.850192 C380.696395,186.525372 396.209302,219.221814 396.209302,255.477225 C396.209302,292.166807 380.323837,325.205211 355.029209,348.94407 C348.782651,354.809523 338.957465,354.503536 333.087605,348.2618 C327.217744,342.020064 327.52407,332.207782 333.770628,326.344395 C353.319581,307.997537 365.162791,282.945825 365.162791,255.477225 C365.162791,228.331151 353.59486,203.547386 334.455721,185.261105 C328.260907,179.34169 328.043581,169.5261 333.969326,163.337498 C339.89507,157.148896 349.720256,156.930777 355.91714,162.850192 Z M262.06894,205.885189 C266.84608,208.507369 271.45842,211.178736 275.53104,213.761237 C280.17428,216.705197 285.22746,220.237122 290.31978,223.990179 C308.77326,237.580548 318,244.375732 318,256.000704 C318,267.62361 308.77326,274.418795 290.31978,288.011229 C285.22746,291.762221 280.17428,295.294146 275.53104,298.239139 C271.45842,300.820399 266.84608,303.492593 262.06894,306.115187 C243.66078,316.22323 234.45464,321.276218 226.20022,315.681764 C217.94374,310.085244 217.1939,298.371405 215.69422,274.943727 C215.26986,268.318009 215,261.822491 215,256.000704 C215,250.176851 215.26986,243.681333 215.69422,237.055615 C217.1939,213.62835 217.94374,201.914305 226.20022,196.318818 C234.45464,190.723124 243.66078,195.777146 262.06894,205.885189 Z" />
</Svg>
);
}
}