• API
• FAQ
• Tools
• Archive
SHARE
TWEET

Untitled

a guest May 19th, 2019 66 Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
1. <?php
2.
3. \$w = 2000;
4. \$h = 1000;
5.
6. \$x0 = 200;
7. \$y0 = \$h/2;
8. \$delta = 50;
9. \$r = \$y0-\$delta;
10. \$r1 = 20;
11. \$r2 = 5;
12. \$r3 = 100;
13.
14. \$a1 = 45;
15. \$x1 = round(\$x0 + (\$r*cos(deg2rad(\$a1-90))));
16. \$y1 = round(\$y0 + (\$r*sin(deg2rad(\$a1-90))));
17.
18. \$a2 = 90;
19. \$x2 = round(\$x0 + (\$r*cos(deg2rad(\$a2-90))));
20. \$y2 = round(\$y0 + (\$r*sin(deg2rad(\$a2-90))));
21.
22. \$a3 = 135;
23. \$x3 = round(\$x0 + (\$r*cos(deg2rad(\$a3-90))));
24. \$y3 = round(\$y0 + (\$r*sin(deg2rad(\$a3-90))));
25.
26. \$a4 = 0;
27. \$x4 = round(\$x0 + (\$r*cos(deg2rad(\$a4-90))));
28. \$y4 = round(\$y0 + (\$r*sin(deg2rad(\$a4-90))));
29.
30. \$a5 = 180;
31. \$x5 = round(\$x0 + (\$r*cos(deg2rad(\$a5-90))));
32. \$y5 = round(\$y0 + (\$r*sin(deg2rad(\$a5-90))));
33.
34. \$pWidth = 530;
35. \$p1 = 100;
36. \$p2 = 5;
37. \$p3 = 10;
38.
39. ?>
40.
41. <html>
43.         <link href="./main.css" rel="stylesheet" type="text/css">
45.     <body>
46.         <div style="width: 100%;height: 100%">
47.             <svg height="1000" width="2000" viewBox="0 0 2000 1000" preserveAspectRatio="none" style="width: 100%;height: 100%;">
48.                 <defs>
49.                     <clipPath id="cut-off-bottom">
50.                         <rect x="<?php echo \$x0; ?>" y="<?php echo \$delta-5; ?>" width="<?php echo \$r+\$delta; ?>" height="<?php echo \$h; ?>" />
51.                     </clipPath>
53.                         <stop offset="10%" stop-color="#22a7f0"/>
54.                         <stop offset="95%" stop-color="#2e3131"/>
56.                 </defs>
57.
58.                 <circle cx="<?php echo \$x0; ?>" cy="<?php echo \$y0; ?>" r="<?php echo \$r; ?>" clip-path="url(#cut-off-bottom)" fill="none" stroke="#2e3131" style="stroke-width: 5px;" />
59.
60.                 <circle cx="<?php echo \$x0; ?>" cy="<?php echo \$y0; ?>" r="<?php echo \$y0-100; ?>" fill="url(#Gradient)"/>
61.
62.                 <circle cx="<?php echo \$x1; ?>" cy="<?php echo \$y1; ?>" r="<?php echo \$r1; ?>" fill="#f89406"/>
63.                 <line x1="<?php echo \$x1 + 50; ?>" y1="<?php echo \$y1; ?>" x2="<?php echo \$x1+550+70; ?>" y2="<?php echo \$y1; ?>" stroke="black"/>
64.                 <circle cx="<?php echo \$x1 + 50; ?>" cy="<?php echo \$y1; ?>" r="<?php echo \$r2; ?>" fill="black"/>
65.                 <circle cx="<?php echo \$x1 + 550+70; ?>" cy="<?php echo \$y1; ?>" r="<?php echo \$r2; ?>" fill="black"/>
66.                 <circle cx="<?php echo \$x1 + 700+70; ?>" cy="<?php echo \$y1; ?>" r="<?php echo \$r3; ?>" fill="#2e3131"/>
67.                 <text x="<?php echo \$x1 + 263 + 70; ?>" y="<?php echo \$y1+50; ?>" fill="black"><?php echo \$p1; ?>%</text>
68.                 <text x="<?php echo \$x1 + 700+70; ?>" y="<?php echo \$y1+5; ?>" fill="white">Forum</text>
69.
70.                 <!-- PROGRESSBAR 1 -->
71.
72.                 <line x1="<?php echo \$x1 + 70; ?>" y1="<?php echo \$y1-5; ?>" x2="<?php echo \$x1+70+(\$pWidth*\$p1/100); ?>" y2="<?php echo \$y1-5; ?>" stroke="#ffcb05" style="stroke-width: 5px;"/>
73.
74.                 <!-- FIN PROGRESSBAR 1 -->
75.
76.                 <circle cx="<?php echo \$x2; ?>" cy="<?php echo \$y2; ?>" r="<?php echo \$r1; ?>" fill="#f89406"/>
77.                 <line x1="<?php echo \$x2 + 50; ?>" y1="<?php echo \$y2; ?>" x2="<?php echo \$x2+550+70; ?>" y2="<?php echo \$y2; ?>" stroke="black"/>
78.                 <circle cx="<?php echo \$x2 + 50; ?>" cy="<?php echo \$y2; ?>" r="<?php echo \$r2; ?>" fill="black"/>
79.                 <circle cx="<?php echo \$x2 + 550+70; ?>" cy="<?php echo \$y2; ?>" r="<?php echo \$r2; ?>" fill="black"/>
80.                 <circle cx="<?php echo \$x2 + 700+70; ?>" cy="<?php echo \$y2; ?>" r="<?php echo \$r3; ?>" fill="#2e3131"/>
81.                 <text x="<?php echo \$x2 + 263 + 70; ?>" y="<?php echo \$y2+50; ?>" fill="black"><?php echo \$p2; ?>%</text>
82.                 <text x="<?php echo \$x2 + 700+70; ?>" y="<?php echo \$y2+5; ?>" fill="white">Site</text>
83.
84.                 <!-- PROGRESSBAR 2 -->
85.
86.                 <line x1="<?php echo \$x2 + 70; ?>" y1="<?php echo \$y2-5; ?>" x2="<?php echo \$x2+70+(\$pWidth*\$p2/100); ?>" y2="<?php echo \$y2-5; ?>" stroke="#ffcb05" style="stroke-width: 5px;"/>
87.
88.                 <!-- FIN PROGRESSBAR 2 -->
89.
90.                 <circle cx="<?php echo \$x3; ?>" cy="<?php echo \$y3; ?>" r="<?php echo \$r1; ?>" fill="#f89406"/>
91.                 <line x1="<?php echo \$x3 + 50; ?>" y1="<?php echo \$y3; ?>" x2="<?php echo \$x3+550+70; ?>" y2="<?php echo \$y3; ?>" stroke="black"/>
92.                 <circle cx="<?php echo \$x3 + 50; ?>" cy="<?php echo \$y3; ?>" r="<?php echo \$r2; ?>" fill="black"/>
93.                 <circle cx="<?php echo \$x3 + 550+70; ?>" cy="<?php echo \$y3; ?>" r="<?php echo \$r2; ?>" fill="black"/>
94.                 <circle cx="<?php echo \$x3 + 700+70; ?>" cy="<?php echo \$y3; ?>" r="<?php echo \$r3; ?>" fill="#2e3131"/>
95.                 <text x="<?php echo \$x3 + 263 + 70; ?>" y="<?php echo \$y3+50; ?>" fill="black"><?php echo \$p3; ?>%</text>
96.                 <text x="<?php echo \$x3 + 700+70; ?>" y="<?php echo \$y3+5; ?>" fill="white">Network</text>
97.
98.                 <!-- PROGRESSBAR 3 -->
99.
100.                 <line x1="<?php echo \$x3 + 70; ?>" y1="<?php echo \$y3-5; ?>" x2="<?php echo \$x3+70+(\$pWidth*\$p3/100); ?>" y2="<?php echo \$y3-5; ?>" stroke="#ffcb05" style="stroke-width: 5px;"/>
101.
102.                 <!-- FIN PROGRESSBAR 3 -->
103.
104.                 <circle cx="<?php echo \$x4; ?>" cy="<?php echo \$y4; ?>" r="<?php echo \$r2; ?>" fill="black"/>
105.                 <circle cx="<?php echo \$x5; ?>" cy="<?php echo \$y5; ?>" r="<?php echo \$r2; ?>" fill="black"/>
106.             </svg>
107.         </div>
108.     </body>
109. </html>
RAW Paste Data
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.

Top