1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
| import Svg, {
Rect,
Text as SvgText,
Path,
LinearGradient as SvgLinearGradient,
Stop,
Defs,
Line,
} from "react-native-svg";
import BuildingSvg from "./BuildingSvg";
<Svg height="500" style={{ marginHorizontal: 16 }} width={wp(100) - 16 * 2}>
<Defs>
<SvgLinearGradient id="textGradient" x1="0%" y1="0%" x2="0%" y2="100%">
<Stop offset="0%" stopColor="#835927" />
<Stop offset="50%" stopColor="#C08035" />
<Stop offset="100%" stopColor="#835927" />
</SvgLinearGradient>
</Defs>
<BuildingSvg />
<Rect
x="10"
y="10"
width="95%"
height="95%"
stroke="#DAA520"
strokeWidth="5"
fill="none"
rx="10"
ry="10"
/>
<Path
d="M20,40 L360,40 M20,460 L360,460 M40,20 L40,480 M340,20 L340,480"
stroke="#DAA520"
strokeWidth="2"
/>
<SvgText
x="50%"
y="80"
fontSize="20"
fontWeight="bold"
textAnchor="middle"
fill="url(#textGradient)"
>
Certificate of Honor
</SvgText>
<SvgText x="50%" y="120" fontSize="16" textAnchor="middle" fill="#835927">
Proudly Persented to
</SvgText>
<SvgText
x="50%"
y="180"
fontSize="24"
fontWeight="bold"
textAnchor="middle"
fill="#835927"
>
Edward
</SvgText>
<Line x1="35%" y1="184" x2="65%" y2="184" stroke="#835927" strokeWidth="2" />
<SvgText x="50%" y="250" fontSize="18" textAnchor="middle" fill="#835927">
We acknowledge your dedication
</SvgText>
<SvgText x="50%" y="270" fontSize="18" textAnchor="middle" fill="#835927">
and applaud your success as
</SvgText>
<SvgText x="50%" y="290" fontSize="18" textAnchor="middle" fill="#835927">
a distinguished trader
</SvgText>
<SvgText x="50%" y="310" fontSize="18" textAnchor="middle" fill="#835927">
in the cryptocurrency market.
</SvgText>
<SvgText
x="50%"
y="450"
fontSize="16"
textAnchor="middle"
fill="url(#textGradient)"
>
NO. 10020123
</SvgText>
</Svg>;
|
