shapes.ts 3.0 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127
  1. export interface ShapePoolItem {
  2. viewBox: number;
  3. path: string;
  4. }
  5. export const SHAPE_LIST = [
  6. {
  7. viewBox: 200,
  8. path: 'M 0 0 L 200 0 L 200 200 L 0 200 Z'
  9. },
  10. {
  11. viewBox: 200,
  12. path: 'M 0 200 L 0 0 L 150 0 L 200 50 L 200 200 L 0 200'
  13. },
  14. {
  15. viewBox: 200,
  16. path: 'M 0 150 L 0 0 L 150 0 L 200 50 L 200 200 L 50 200 L 0 150'
  17. },
  18. {
  19. viewBox: 200,
  20. path: 'M 20 0 L 180 0 Q 200 0 200 20 L 200 180 Q 200 200 180 200 L 20 200 Q 0 200 0 180 L 0 20 Q 0 0 20 0 '
  21. },
  22. {
  23. viewBox: 200,
  24. path: 'M 0 0 L 140 0 Q 200 0 200 60 L 200 200 L 60 200 Q 0 200 0 140 L 0 0 Z'
  25. },
  26. {
  27. viewBox: 200,
  28. path: 'M 0 0 L 140 0 Q 200 0 200 60 L 200 200 L 0 200 L 0 0 Z'
  29. },
  30. {
  31. viewBox: 200,
  32. path: 'M 100 0 A 50 50 0 1 1 100 200 A 50 50 0 1 1 100 0 Z'
  33. },
  34. {
  35. viewBox: 200,
  36. path: 'M 200 0 Q 0 0 0 200 L 200 200 L 200 0'
  37. },
  38. {
  39. viewBox: 200,
  40. path: 'M 100 0 A 100 100 0 1 1 0 100 L 100 100 L 100 0 Z'
  41. },
  42. {
  43. viewBox: 200,
  44. path: 'M 100 0 L 0 200 L 200 200 L 100 0 Z'
  45. },
  46. {
  47. viewBox: 200,
  48. path: 'M 0 0 L 0 200 L 200 200 Z'
  49. },
  50. {
  51. viewBox: 200,
  52. path: 'M 50 0 L 200 0 L 150 200 L 0 200 L 50 0 Z'
  53. },
  54. {
  55. viewBox: 200,
  56. path: 'M 100 0 L 0 100 L 100 200 L 200 100 L 100 0 Z'
  57. },
  58. {
  59. viewBox: 200,
  60. path: 'M 50 0 L 150 0 L 200 200 L 0 200 L 50 0 Z'
  61. },
  62. {
  63. viewBox: 200,
  64. path: 'M 100 0 L 0 90 L 50 200 L 150 200 L 200 90 L 100 0 Z'
  65. },
  66. {
  67. viewBox: 200,
  68. path: 'M 100 0 L 0 60 L 0 140 L 100 200 L 200 140 L 200 60 L 100 0 Z'
  69. },
  70. {
  71. viewBox: 200,
  72. path: 'M 60 0 L 140 0 L 200 60 L 200 140 L 140 200 L 60 200 L 0 140 L 0 60 L 60 0 Z'
  73. },
  74. {
  75. viewBox: 200,
  76. path: 'M 100 0 A 100 100 0 1 1 0 100 L 0 0 L 100 0 Z'
  77. },
  78. {
  79. viewBox: 200,
  80. path: 'M 100 0 A 50 50 0 1 0 200 120 A 100 100 0 1 1 100 0'
  81. },
  82. {
  83. viewBox: 200,
  84. path: 'M 100 0 L 122 70 L 196 70 L 136 114 L 158 182 L 100 140 L 42 182 L 64 114 L 4 70 L 78 70 Z'
  85. },
  86. {
  87. viewBox: 200,
  88. path: 'M 100 0 L 0 100 L 50 100 L 50 200 L 150 200 L 150 100 L 200 100 L 100 0 Z'
  89. },
  90. {
  91. viewBox: 200,
  92. path: 'M 100 200 L 200 100 L 150 100 L 150 0 L 50 0 L 50 100 L 0 100 L 100 200 Z'
  93. },
  94. {
  95. viewBox: 200,
  96. path: 'M 0 100 L 100 0 L 100 50 L 200 50 L 200 150 L 100 150 L 100 200 L 0 100 Z'
  97. },
  98. {
  99. viewBox: 200,
  100. path: 'M 200 100 L 100 0 L 100 50 L 0 50 L 0 150 L 100 150 L 100 200 L 200 100 Z'
  101. },
  102. {
  103. viewBox: 200,
  104. path: 'M 0 0 L 120 0 L 200 100 L 120 200 L 0 200 L 80 100 L 0 0 Z'
  105. },
  106. {
  107. viewBox: 200,
  108. path: 'M 80 0 L 200 0 L 120 100 L 200 200 L 80 200 L 0 100 L 80 0 Z'
  109. },
  110. {
  111. viewBox: 200,
  112. path: 'M 0 0 L 140 0 L 200 100 L 140 200 L 0 200 L 0 100 L 0 0 Z'
  113. },
  114. {
  115. viewBox: 200,
  116. path: 'M 60 0 L 200 0 L 200 100 L 200 200 L 60 200 L 0 100 L 60 0 Z'
  117. },
  118. {
  119. viewBox: 200,
  120. path: 'M 70 0 L 70 70 L 0 70 L 0 130 L 70 130 L 70 200 L 130 200 L 130 130 L 200 130 L 200 70 L 130 70 L 130 0 L 70 0 Z'
  121. },
  122. {
  123. viewBox: 200,
  124. path: 'M 40 0 L 0 40 L 60 100 L 0 160 L 40 200 L 100 140 L 160 200 L 200 160 L 140 100 L 200 40 L 160 0 L 100 60 L 40 0 Z'
  125. },
  126. ]