deciphony-renderer 0.0.18 → 0.0.19

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (119) hide show
  1. package/dist/assets/assets/msSymbols/1_active.svg +7 -0
  2. package/dist/assets/assets/msSymbols/2_active.svg +7 -0
  3. package/dist/assets/assets/msSymbols/3_active.svg +7 -0
  4. package/dist/assets/assets/msSymbols/4_active.svg +7 -0
  5. package/dist/assets/assets/msSymbols/5_active.svg +7 -0
  6. package/dist/assets/assets/msSymbols/6_active.svg +7 -0
  7. package/dist/assets/assets/msSymbols/7_active.svg +7 -0
  8. package/dist/assets/assets/msSymbols/altoClef.svg +9 -11
  9. package/dist/assets/assets/msSymbols/altoClef_active.svg +18 -0
  10. package/dist/assets/assets/msSymbols/bar-numberNotation_active.svg +5 -0
  11. package/dist/assets/assets/msSymbols/bar-standardStaff_active.svg +7 -0
  12. package/dist/assets/assets/msSymbols/barlineEndRepeatSign.svg +11 -9
  13. package/dist/assets/assets/msSymbols/barlineEndRepeatSign_active.svg +14 -0
  14. package/dist/assets/assets/msSymbols/barlineFinal.svg +6 -7
  15. package/dist/assets/assets/msSymbols/barlineFinal_active.svg +9 -0
  16. package/dist/assets/assets/msSymbols/barlineReverseFinal.svg +7 -7
  17. package/dist/assets/assets/msSymbols/barlineReverseFinal_active.svg +10 -0
  18. package/dist/assets/assets/msSymbols/barlineSingle_active.svg +3 -0
  19. package/dist/assets/assets/msSymbols/barlineStartRepeatSign.svg +11 -7
  20. package/dist/assets/assets/msSymbols/barlineStartRepeatSign_active.svg +14 -0
  21. package/dist/assets/assets/msSymbols/bassClef.svg +6 -41
  22. package/dist/assets/assets/msSymbols/bassClef_active.svg +11 -0
  23. package/dist/assets/assets/msSymbols/chronaxieIncreasingLine_active.svg +3 -0
  24. package/dist/assets/assets/msSymbols/doubleFlat.svg +15 -0
  25. package/dist/assets/assets/msSymbols/doubleFlat_active.svg +15 -0
  26. package/dist/assets/assets/msSymbols/doubleSharp.svg +16 -0
  27. package/dist/assets/assets/msSymbols/doubleSharp_active.svg +16 -0
  28. package/dist/assets/assets/msSymbols/flat.svg +7 -9
  29. package/dist/assets/assets/msSymbols/flat_active.svg +9 -0
  30. package/dist/assets/assets/msSymbols/nature.svg +6 -8
  31. package/dist/assets/assets/msSymbols/nature_active.svg +8 -0
  32. package/dist/assets/assets/msSymbols/noteHead1.svg +6 -0
  33. package/dist/assets/assets/msSymbols/noteHead1_active.svg +6 -0
  34. package/dist/assets/assets/msSymbols/noteHead2.svg +20 -0
  35. package/dist/assets/assets/msSymbols/noteHead2_active.svg +20 -0
  36. package/dist/assets/assets/msSymbols/noteHead4.svg +8 -0
  37. package/dist/assets/assets/msSymbols/noteHead4_active.svg +8 -0
  38. package/dist/assets/assets/msSymbols/noteStem_active.svg +5 -0
  39. package/dist/assets/assets/msSymbols/noteTail128.svg +17 -0
  40. package/dist/assets/assets/msSymbols/noteTail128_active.svg +17 -0
  41. package/dist/assets/assets/msSymbols/noteTail16.svg +11 -0
  42. package/dist/assets/assets/msSymbols/noteTail16_active.svg +11 -0
  43. package/dist/assets/assets/msSymbols/noteTail256.svg +16 -0
  44. package/dist/assets/assets/msSymbols/noteTail256_active.svg +16 -0
  45. package/dist/assets/assets/msSymbols/noteTail32.svg +11 -0
  46. package/dist/assets/assets/msSymbols/noteTail32_active.svg +11 -0
  47. package/dist/assets/assets/msSymbols/noteTail64.svg +12 -0
  48. package/dist/assets/assets/msSymbols/noteTail64_active.svg +12 -0
  49. package/dist/assets/assets/msSymbols/noteTail8.svg +8 -0
  50. package/dist/assets/assets/msSymbols/noteTail8_active.svg +8 -0
  51. package/dist/assets/assets/msSymbols/rest1.svg +3 -0
  52. package/dist/assets/assets/msSymbols/rest128.svg +5 -0
  53. package/dist/assets/assets/msSymbols/rest128_active.svg +5 -0
  54. package/dist/assets/assets/msSymbols/rest16.svg +5 -0
  55. package/dist/assets/assets/msSymbols/rest16_active.svg +5 -0
  56. package/dist/assets/assets/msSymbols/rest1_active.svg +3 -0
  57. package/dist/assets/assets/msSymbols/rest2.svg +3 -0
  58. package/dist/assets/assets/msSymbols/rest256.svg +5 -0
  59. package/dist/assets/assets/msSymbols/rest256_active.svg +5 -0
  60. package/dist/assets/assets/msSymbols/rest2_active.svg +3 -0
  61. package/dist/assets/assets/msSymbols/rest32.svg +5 -0
  62. package/dist/assets/assets/msSymbols/rest32_active.svg +5 -0
  63. package/dist/assets/assets/msSymbols/rest4.svg +5 -0
  64. package/dist/assets/assets/msSymbols/rest4_active.svg +5 -0
  65. package/dist/assets/assets/msSymbols/rest64.svg +5 -0
  66. package/dist/assets/assets/msSymbols/rest64_active.svg +5 -0
  67. package/dist/assets/assets/msSymbols/rest8.svg +5 -0
  68. package/dist/assets/assets/msSymbols/rest8_active.svg +5 -0
  69. package/dist/assets/assets/msSymbols/sharp.svg +8 -8
  70. package/dist/assets/assets/msSymbols/sharp_active.svg +10 -0
  71. package/dist/assets/assets/msSymbols/trebleClef.svg +6 -14
  72. package/dist/assets/assets/msSymbols/trebleClef_active.svg +13 -0
  73. package/dist/components/clef.d.ts +1 -1
  74. package/dist/components/dragbox/bezier3DragBox.d.ts +170 -0
  75. package/dist/components/dragbox/rectDragBox.d.ts +114 -0
  76. package/dist/components/keySignature.d.ts +3 -3
  77. package/dist/components/measureContainer.d.ts +4 -4
  78. package/dist/components/msSymbol.d.ts +8 -12
  79. package/dist/components/msSymbolContainer.d.ts +5 -9
  80. package/dist/components/msSymbolSlot.d.ts +12 -20
  81. package/dist/components/noteTail.d.ts +6 -10
  82. package/dist/components/slur.d.ts +97 -2
  83. package/dist/components/spanSymbol.d.ts +1 -1
  84. package/dist/components/timeSignature.d.ts +1 -1
  85. package/dist/components/virtualSymbolContainer.d.ts +1 -1
  86. package/dist/components/volta.d.ts +57 -2
  87. package/dist/composables/useSkin.d.ts +9 -0
  88. package/dist/deciphony-renderer.css +1 -1
  89. package/dist/enum.d.ts +7 -0
  90. package/dist/index.cjs.js +11 -5
  91. package/dist/index.d.ts +1 -1
  92. package/dist/index.es.js +2731 -2170
  93. package/dist/musicScore.d.ts +13 -3
  94. package/dist/types.d.ts +27 -2
  95. package/dist/utils/eventUtil.d.ts +1 -2
  96. package/dist/utils/geometryUtil.d.ts +1 -2
  97. package/dist/utils/heightUtil.d.ts +1 -1
  98. package/dist/utils/leftUtil.d.ts +1 -1
  99. package/dist/utils/spanSymbolUtil.d.ts +4 -0
  100. package/dist/utils/topUtil.d.ts +12 -0
  101. package/dist/utils/widthUtil.d.ts +2 -2
  102. package/package.json +4 -2
  103. package/dist/assets/assets/msSymbols/defaultSymbol.svg +0 -0
  104. package/dist/assets/assets/msSymbols/noteHeadHalf.svg +0 -14
  105. package/dist/assets/assets/msSymbols/noteHeadQuarter.svg +0 -14
  106. package/dist/assets/assets/msSymbols/noteHeadWhole.svg +0 -12
  107. package/dist/assets/assets/msSymbols/noteTailOneDown.svg +0 -13
  108. package/dist/assets/assets/msSymbols/noteTailOneUp.svg +0 -10
  109. package/dist/assets/assets/msSymbols/noteTailTwoDown.svg +0 -14
  110. package/dist/assets/assets/msSymbols/noteTailTwoUp.svg +0 -14
  111. package/dist/assets/assets/msSymbols/restEighth.svg +0 -40
  112. package/dist/assets/assets/msSymbols/restHalf.svg +0 -36
  113. package/dist/assets/assets/msSymbols/restQuarter.svg +0 -38
  114. package/dist/assets/assets/msSymbols/restSixteenth.svg +0 -46
  115. package/dist/assets/assets/msSymbols/restSixtyFourth.svg +0 -45
  116. package/dist/assets/assets/msSymbols/restThirtySecond.svg +0 -45
  117. package/dist/assets/assets/msSymbols/restWhole.svg +0 -8
  118. package/dist/components/rectDragShell.d.ts +0 -29
  119. package/dist/utils/bottomUtil.d.ts +0 -11
@@ -0,0 +1,7 @@
1
+ <svg version="1.1"
2
+ xmlns="http://www.w3.org/2000/svg"
3
+ width="30" height="50"
4
+ viewBox="0 0 30 50">
5
+ <!-- y 设为 20,让文字落在可见范围 -->
6
+ <text x="-2" y="48" font-size="70" fill="red">1</text>
7
+ </svg>
@@ -0,0 +1,7 @@
1
+ <svg version="1.1"
2
+ xmlns="http://www.w3.org/2000/svg"
3
+ width="30" height="50"
4
+ viewBox="0 0 30 50">
5
+ <!-- y 设为 20,让文字落在可见范围 -->
6
+ <text x="-2" y="48" font-size="70" fill="red">2</text>
7
+ </svg>
@@ -0,0 +1,7 @@
1
+ <svg version="1.1"
2
+ xmlns="http://www.w3.org/2000/svg"
3
+ width="30" height="50"
4
+ viewBox="0 0 30 50">
5
+ <!-- y 设为 20,让文字落在可见范围 -->
6
+ <text x="-2" y="48" font-size="70" fill="red">3</text>
7
+ </svg>
@@ -0,0 +1,7 @@
1
+ <svg version="1.1"
2
+ xmlns="http://www.w3.org/2000/svg"
3
+ width="30" height="50"
4
+ viewBox="0 0 30 50">
5
+ <!-- y 设为 20,让文字落在可见范围 -->
6
+ <text x="-2" y="48" font-size="70" fill="red">4</text>
7
+ </svg>
@@ -0,0 +1,7 @@
1
+ <svg version="1.1"
2
+ xmlns="http://www.w3.org/2000/svg"
3
+ width="30" height="50"
4
+ viewBox="0 0 30 50">
5
+ <!-- y 设为 20,让文字落在可见范围 -->
6
+ <text x="-2" y="48" font-size="70" fill="red">5</text>
7
+ </svg>
@@ -0,0 +1,7 @@
1
+ <svg version="1.1"
2
+ xmlns="http://www.w3.org/2000/svg"
3
+ width="30" height="50"
4
+ viewBox="0 0 30 50">
5
+ <!-- y 设为 20,让文字落在可见范围 -->
6
+ <text x="-2" y="48" font-size="70" fill="red">6</text>
7
+ </svg>
@@ -0,0 +1,7 @@
1
+ <svg version="1.1"
2
+ xmlns="http://www.w3.org/2000/svg"
3
+ width="30" height="50"
4
+ viewBox="0 0 30 50">
5
+ <!-- y 设为 20,让文字落在可见范围 -->
6
+ <text x="-2" y="48" font-size="70" fill="red">7</text>
7
+ </svg>
@@ -1,13 +1,11 @@
1
- <?xml version="1.0" encoding="iso-8859-1"?>
2
- <!-- Generator: Adobe Illustrator 19.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
3
- <svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px"
4
- y="0px"
5
- width="30" height="50"
6
- viewBox="0 0 285 285" xml:space="preserve">
7
- <g id="XMLID_516_" transform="translate(0, 142.5) scale(1,1.8) translate(0, -142.5) ">
8
- <rect id="XMLID_517_" y="7.5" width="60" height="270"/>
9
- <rect id="XMLID_518_" x="90" y="7.5" width="30" height="270"/>
10
- <path id="XMLID_519_" d="M225,157.428v-29.855c33.084,0,60-26.916,60-60c0-33.084-26.916-60-60-60
1
+ <svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg"
2
+ preserveAspectRatio="none"
3
+ width="30" height="60"
4
+ viewBox="0 -100 300 485">
5
+ <g id="XMLID_516_" transform="translate(0, 142.5) scale(1,1.8) translate(0, -142.5) ">
6
+ <rect id="XMLID_517_" y="7.5" width="60" height="270"/>
7
+ <rect id="XMLID_518_" x="90" y="7.5" width="30" height="270"/>
8
+ <path id="XMLID_519_" d="M225,157.428v-29.855c33.084,0,60-26.916,60-60c0-33.084-26.916-60-60-60
11
9
  c-31.424,0-57.18,23.901-59.779,54.892c-0.02,0.158-0.173,1.825-0.173,2.515c0,0.031,0.005,0.06,0.005,0.091
12
10
  c-0.001,0.024-0.004,0.047-0.005,0.071l0.009,0.001c0.088,10.97,9,19.837,19.991,19.837c11.046,0,20-8.954,20-20
13
11
  c0-5.252-2.041-10.017-5.353-13.586c5.326-8.344,14.666-13.821,25.305-13.821c16.542,0,30,13.458,30,30c0,16.542-13.458,30-30,30
@@ -15,6 +13,6 @@
15
13
  c3.312-3.569,5.353-8.333,5.353-13.586c0-11.046-8.954-20-20-20c-10.991,0-19.903,8.868-19.991,19.837l-0.009,0.001
16
14
  c0.001,0.024,0.004,0.047,0.005,0.071c0,0.031-0.005,0.06-0.005,0.091c0,0.69,0.153,2.357,0.173,2.515
17
15
  c2.6,30.991,28.355,54.892,59.779,54.892c33.084,0,60-26.916,60-60.001C285,184.343,258.084,157.428,225,157.428z"/>
18
- </g>
16
+ </g>
19
17
 
20
18
  </svg>
@@ -0,0 +1,18 @@
1
+ <svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg"
2
+ preserveAspectRatio="none"
3
+ width="30" height="60"
4
+ viewBox="0 -100 300 485">
5
+ <g id="XMLID_516_" transform="translate(0, 142.5) scale(1,1.8) translate(0, -142.5) ">
6
+ <rect fill="red" id="XMLID_517_" y="7.5" width="60" height="270"/>
7
+ <rect fill="red" id="XMLID_518_" x="90" y="7.5" width="30" height="270"/>
8
+ <path fill="red" id="XMLID_519_" d="M225,157.428v-29.855c33.084,0,60-26.916,60-60c0-33.084-26.916-60-60-60
9
+ c-31.424,0-57.18,23.901-59.779,54.892c-0.02,0.158-0.173,1.825-0.173,2.515c0,0.031,0.005,0.06,0.005,0.091
10
+ c-0.001,0.024-0.004,0.047-0.005,0.071l0.009,0.001c0.088,10.97,9,19.837,19.991,19.837c11.046,0,20-8.954,20-20
11
+ c0-5.252-2.041-10.017-5.353-13.586c5.326-8.344,14.666-13.821,25.305-13.821c16.542,0,30,13.458,30,30c0,16.542-13.458,30-30,30
12
+ V82.5l-75,60l75,60v-15.072c16.542,0,30,13.458,30,29.999c0,16.542-13.458,30.001-30,30.001c-10.639,0-19.979-5.477-25.305-13.821
13
+ c3.312-3.569,5.353-8.333,5.353-13.586c0-11.046-8.954-20-20-20c-10.991,0-19.903,8.868-19.991,19.837l-0.009,0.001
14
+ c0.001,0.024,0.004,0.047,0.005,0.071c0,0.031-0.005,0.06-0.005,0.091c0,0.69,0.153,2.357,0.173,2.515
15
+ c2.6,30.991,28.355,54.892,59.779,54.892c33.084,0,60-26.916,60-60.001C285,184.343,258.084,157.428,225,157.428z"/>
16
+ </g>
17
+
18
+ </svg>
@@ -0,0 +1,5 @@
1
+ <svg xmlns="http://www.w3.org/2000/svg" width="500" height="80">
2
+ <line x1="0" y1="0" x2="500" y2="000" stroke="red" stroke-width="1"></line>
3
+
4
+ <line x1="0" y1="80" x2="500" y2="80" stroke="red" stroke-width="1"></line>
5
+ </svg>
@@ -0,0 +1,7 @@
1
+ <svg xmlns="http://www.w3.org/2000/svg" width="500" height="80">
2
+ <line x1="0" y1="0" x2="500" y2="000" stroke="red" stroke-width="1"></line>
3
+ <line x1="0" y1="20" x2="500" y2="20" stroke="red" stroke-width="1"></line>
4
+ <line x1="0" y1="40" x2="500" y2="40" stroke="red" stroke-width="1"></line>
5
+ <line x1="0" y1="60" x2="500" y2="60" stroke="red" stroke-width="1"></line>
6
+ <line x1="0" y1="80" x2="500" y2="80" stroke="red" stroke-width="1"></line>
7
+ </svg>
@@ -1,12 +1,14 @@
1
- <svg xmlns="http://www.w3.org/2000/svg" width="300" height="500">
2
- <style>
3
-
4
- </style>
1
+ <svg xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="none" viewBox="0 0 130 400" width="130" height="400">
5
2
  <g>
6
- <circle cx="60" cy="180" r="30" fill="black"/>
7
- <circle cx="60" cy="320" r="30" fill="black"/>
8
- <line x1="150" x2="150" y1="0" y2="500" stroke-width="50" class="line" stroke="black"/>
9
- <line x1="250" x2="250" y1="0" y2="500" stroke-width="100" class="line" stroke="black"/>
3
+ <!-- 细线(左) -->
4
+ <line x1="60" x2="60" y1="0" y2="400" stroke="black" stroke-width="20"/>
5
+
6
+ <!-- 粗线(右) -->
7
+ <line x1="110" x2="110" y1="0" y2="400" stroke="black" stroke-width="40"/>
10
8
 
9
+ <!-- 左侧两个实心小圆点 -->
10
+ <!-- 五线谱高度200时的点位比例换算到400高度时翻倍 -->
11
+ <circle cx="25" cy="150" r="12.5" fill="black"/>
12
+ <circle cx="25" cy="250" r="12.5" fill="black"/>
11
13
  </g>
12
- </svg>
14
+ </svg>
@@ -0,0 +1,14 @@
1
+ <svg xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="none" viewBox="0 0 130 400" width="130" height="400">
2
+ <g>
3
+ <!-- 细线(左) -->
4
+ <line x1="60" x2="60" y1="0" y2="400" stroke="red" stroke-width="20"/>
5
+
6
+ <!-- 粗线(右) -->
7
+ <line x1="110" x2="110" y1="0" y2="400" stroke="red" stroke-width="40"/>
8
+
9
+ <!-- 左侧两个实心小圆点 -->
10
+ <!-- 五线谱高度200时的点位比例换算到400高度时翻倍 -->
11
+ <circle cx="25" cy="150" r="12.5" fill="red"/>
12
+ <circle cx="25" cy="250" r="12.5" fill="red"/>
13
+ </g>
14
+ </svg>
@@ -1,10 +1,9 @@
1
- <svg xmlns="http://www.w3.org/2000/svg" width="200" height="500">
2
- <style>
3
-
4
- </style>
1
+ <svg xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="none" viewBox="0 0 130 400" width="130" height="400">
5
2
  <g>
6
- <line x1="50" x2="50" y1="0" y2="500" stroke-width="50" class="line" stroke="black"/>
7
- <line x1="150" x2="150" y1="0" y2="500" stroke-width="100" class="line" stroke="black"/>
3
+ <!-- 细线(左) -->
4
+ <line x1="60" x2="60" y1="0" y2="400" stroke="black" stroke-width="20"/>
8
5
 
6
+ <!-- 粗线(右) -->
7
+ <line x1="110" x2="110" y1="0" y2="400" stroke="black" stroke-width="40"/>
9
8
  </g>
10
- </svg>
9
+ </svg>
@@ -0,0 +1,9 @@
1
+ <svg xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="none" viewBox="0 0 130 400" width="130" height="400">
2
+ <g>
3
+ <!-- 细线(左) -->
4
+ <line x1="60" x2="60" y1="0" y2="400" stroke="red" stroke-width="20"/>
5
+
6
+ <!-- 粗线(右) -->
7
+ <line x1="110" x2="110" y1="0" y2="400" stroke="red" stroke-width="40"/>
8
+ </g>
9
+ </svg>
@@ -1,10 +1,10 @@
1
- <svg xmlns="http://www.w3.org/2000/svg" width="200" height="500">
2
- <style>
1
+ <svg xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="none" viewBox="0 0 130 400" width="130" height="400">
2
+ <g transform="scale(-1,1) translate(-130,0)">
3
+ <!-- 细线(左) -->
4
+ <line x1="60" x2="60" y1="0" y2="400" stroke="black" stroke-width="20"/>
3
5
 
4
- </style>
5
- <g>
6
- <line x1="150" x2="150" y1="0" y2="500" stroke-width="50" class="line" stroke="black"/>
7
- <line x1="50" x2="50" y1="0" y2="500" stroke-width="100" class="line" stroke="black"/>
6
+ <!-- 粗线(右) -->
7
+ <line x1="110" x2="110" y1="0" y2="400" stroke="black" stroke-width="40"/>
8
8
 
9
9
  </g>
10
- </svg>
10
+ </svg>
@@ -0,0 +1,10 @@
1
+ <svg xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="none" viewBox="0 0 130 400" width="130" height="400">
2
+ <g transform="scale(-1,1) translate(-130,0)">
3
+ <!-- 细线(左) -->
4
+ <line x1="60" x2="60" y1="0" y2="400" stroke="red" stroke-width="20"/>
5
+
6
+ <!-- 粗线(右) -->
7
+ <line x1="110" x2="110" y1="0" y2="400" stroke="red" stroke-width="40"/>
8
+
9
+ </g>
10
+ </svg>
@@ -0,0 +1,3 @@
1
+ <svg xmlns="http://www.w3.org/2000/svg" width="100" height="800">
2
+ <rect fill="red" width="100" height="800"/>
3
+ </svg>
@@ -1,10 +1,14 @@
1
- <svg xmlns="http://www.w3.org/2000/svg" width="300" height="500">
1
+ <svg xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="none" viewBox="0 0 130 400" width="130" height="400">
2
+ <g transform="scale(-1,1) translate(-130,0)">
3
+ <!-- 细线(左) -->
4
+ <line x1="60" x2="60" y1="0" y2="400" stroke="black" stroke-width="20"/>
2
5
 
3
- <g>
4
- <circle cx="240" cy="180" r="30" fill="black"/>
5
- <circle cx="240" cy="320" r="30" fill="black"/>
6
- <line x1="150" x2="150" y1="0" y2="500" stroke-width="50" class="line" stroke="black"/>
7
- <line x1="50" x2="50" y1="0" y2="500" stroke-width="100" class="line" stroke="black"/>
6
+ <!-- 粗线(右) -->
7
+ <line x1="110" x2="110" y1="0" y2="400" stroke="black" stroke-width="40"/>
8
8
 
9
+ <!-- 左侧两个实心小圆点 -->
10
+ <!-- 五线谱高度200时的点位比例换算到400高度时翻倍 -->
11
+ <circle cx="25" cy="150" r="12.5" fill="black"/>
12
+ <circle cx="25" cy="250" r="12.5" fill="black"/>
9
13
  </g>
10
- </svg>
14
+ </svg>
@@ -0,0 +1,14 @@
1
+ <svg xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="none" viewBox="0 0 130 400" width="130" height="400">
2
+ <g transform="scale(-1,1) translate(-130,0)">
3
+ <!-- 细线(左) -->
4
+ <line x1="60" x2="60" y1="0" y2="400" stroke="red" stroke-width="20"/>
5
+
6
+ <!-- 粗线(右) -->
7
+ <line x1="110" x2="110" y1="0" y2="400" stroke="red" stroke-width="40"/>
8
+
9
+ <!-- 左侧两个实心小圆点 -->
10
+ <!-- 五线谱高度200时的点位比例换算到400高度时翻倍 -->
11
+ <circle cx="25" cy="150" r="12.5" fill="red"/>
12
+ <circle cx="25" cy="250" r="12.5" fill="red"/>
13
+ </g>
14
+ </svg>
@@ -1,46 +1,11 @@
1
1
  <?xml version="1.0" encoding="iso-8859-1"?>
2
2
  <!-- Generator: Adobe Illustrator 19.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
3
- <svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px"
3
+ <svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" x="0px"
4
4
  y="0px"
5
- width="30" height="50"
6
- viewBox="0 0 270 270" style="enable-background:new 0 0 270 270;" xml:space="preserve">
7
- <g id="XMLID_520_" transform="translate(135, 135) scale(1.2,1.7) translate(-135, -135)">
8
- <path id="XMLID_521_" d="M95,0C46.286,0,20,35.035,20,68c0,16.393,5.134,30.499,14.848,40.794C44.851,119.396,58.736,125,75,125
9
- c16.569,0,30-13.431,30-30S91.569,65,75,65c-9.828,0-18.551,4.726-24.023,12.028C50.234,73.834,50,70.676,50,68
10
- c0-18.884,15.457-38,45-38c37.664,0,65,35.748,65,85c0,47.058-20.573,76.48-37.831,92.875C100.995,227.991,72.146,240,45,240v30
11
- c35.164,0,70.822-14.716,97.831-40.375C173.248,200.729,190,160.02,190,115c0-31.97-9.544-61.113-26.874-82.062
12
- C145.554,11.698,121.36,0,95,0z"/>
13
- <circle id="XMLID_522_" cx="235" cy="60" r="15"/>
14
- <circle id="XMLID_523_" cx="235" cy="120" r="15"/>
15
- </g>
16
- <g>
17
- </g>
18
- <g>
19
- </g>
20
- <g>
21
- </g>
22
- <g>
23
- </g>
24
- <g>
25
- </g>
26
- <g>
27
- </g>
28
- <g>
29
- </g>
30
- <g>
31
- </g>
32
- <g>
33
- </g>
34
- <g>
35
- </g>
36
- <g>
37
- </g>
38
- <g>
39
- </g>
40
- <g>
41
- </g>
42
- <g>
43
- </g>
44
- <g>
5
+ viewBox="0 0 110 108" style="enable-background:new 0 0 270 270;" xml:space="preserve">
6
+ <g id="XMLID_520_">
7
+ <path id="Vector"
8
+ d="M102.654 23.3828C106.677 23.3828 109.838 20.5407 109.838 16.9234C109.838 13.3062 106.677 10.4641 102.654 10.4641C98.6315 10.4641 95.4707 13.3062 95.4707 16.9234C95.4707 20.5407 98.4878 23.3828 102.654 23.3828ZM102.654 42.7608C98.6315 42.7608 95.4707 45.6029 95.4707 49.2201C95.4707 52.8373 98.6315 55.6794 102.654 55.6794C106.677 55.6794 109.838 52.8373 109.838 49.2201C109.838 45.6029 106.677 42.7608 102.654 42.7608ZM40.2996 0C21.7656 0 4.9557 11.756 4.9557 27.1292C4.9557 37.2057 10.8854 44.9704 20.0415 45.732C40.8212 47.4606 46.2348 21.2964 24.0644 20.0239C18.1738 20.0239 13.5762 24.1579 14.0072 24.1579C13.2888 24.1579 13.0015 23.512 13.0015 22.0909C13.0015 12.9187 25.7885 4.13397 37.5698 4.13397C54.0924 4.13397 64.5806 16.5359 64.5806 33.0718C64.5806 53.6124 51.2189 76.4785 29.9551 93.6603C25.7782 97.0308 17.2127 101.693 8.71847 105.08C7.61003 105.522 7.94765 107.002 9.11336 106.747C39.4552 100.11 83.2583 69.2189 83.2583 38.3684C83.1147 21.0574 74.3505 -2.37683e-07 40.2996 0Z"
9
+ fill="black"/>
45
10
  </g>
46
11
  </svg>
@@ -0,0 +1,11 @@
1
+ <?xml version="1.0" encoding="iso-8859-1"?>
2
+ <!-- Generator: Adobe Illustrator 19.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
3
+ <svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" x="0px"
4
+ y="0px"
5
+ viewBox="0 0 110 108" style="enable-background:new 0 0 270 270;" xml:space="preserve">
6
+ <g id="XMLID_520_">
7
+ <path id="Vector"
8
+ d="M102.654 23.3828C106.677 23.3828 109.838 20.5407 109.838 16.9234C109.838 13.3062 106.677 10.4641 102.654 10.4641C98.6315 10.4641 95.4707 13.3062 95.4707 16.9234C95.4707 20.5407 98.4878 23.3828 102.654 23.3828ZM102.654 42.7608C98.6315 42.7608 95.4707 45.6029 95.4707 49.2201C95.4707 52.8373 98.6315 55.6794 102.654 55.6794C106.677 55.6794 109.838 52.8373 109.838 49.2201C109.838 45.6029 106.677 42.7608 102.654 42.7608ZM40.2996 0C21.7656 0 4.9557 11.756 4.9557 27.1292C4.9557 37.2057 10.8854 44.9704 20.0415 45.732C40.8212 47.4606 46.2348 21.2964 24.0644 20.0239C18.1738 20.0239 13.5762 24.1579 14.0072 24.1579C13.2888 24.1579 13.0015 23.512 13.0015 22.0909C13.0015 12.9187 25.7885 4.13397 37.5698 4.13397C54.0924 4.13397 64.5806 16.5359 64.5806 33.0718C64.5806 53.6124 51.2189 76.4785 29.9551 93.6603C25.7782 97.0308 17.2127 101.693 8.71847 105.08C7.61003 105.522 7.94765 107.002 9.11336 106.747C39.4552 100.11 83.2583 69.2189 83.2583 38.3684C83.1147 21.0574 74.3505 -2.37683e-07 40.2996 0Z"
9
+ fill="red"/>
10
+ </g>
11
+ </svg>
@@ -0,0 +1,3 @@
1
+ <svg xmlns="http://www.w3.org/2000/svg" width="100" height="10">
2
+ <line x1="0" y1="5" x2="100" y2="5" stroke="red" stroke-width="10"></line>
3
+ </svg>
@@ -0,0 +1,15 @@
1
+ <svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg"
2
+ preserveAspectRatio="none"
3
+ width="225" height="310"
4
+ viewBox="38 20 22.5 31">
5
+ <path
6
+ d="M39.6836 39.941C44.1108 34.3597 56.6663 39.6271 39.6836 50.2217M39.6836 39.941C41.2414 38.4368 45.5825 35.9737 46.9165 40.0869C48.1652 43.937 43.0033 48.4515 39.6836 50.2217M39.6836 39.941C43.5534 36.8878 46.0949 37.9243 46.7436 39.6271C48.2747 43.6464 42.7809 48.2894 39.6836 50.2217M39.6836 50.2217V20.7969"
7
+ stroke="black" fill="transparent" stroke-width="1.52124"/>
8
+ <g transform="translate(11,0)">
9
+ <path
10
+ d="M39.6836 39.941C44.1108 34.3597 56.6663 39.6271 39.6836 50.2217M39.6836 39.941C41.2414 38.4368 45.5825 35.9737 46.9165 40.0869C48.1652 43.937 43.0033 48.4515 39.6836 50.2217M39.6836 39.941C43.5534 36.8878 46.0949 37.9243 46.7436 39.6271C48.2747 43.6464 42.7809 48.2894 39.6836 50.2217M39.6836 50.2217V20.7969"
11
+ stroke="black" fill="transparent" stroke-width="1.52124"/>
12
+
13
+ </g>
14
+
15
+ </svg>
@@ -0,0 +1,15 @@
1
+ <svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg"
2
+ preserveAspectRatio="none"
3
+ width="225" height="310"
4
+ viewBox="38 20 22.5 31">
5
+ <path
6
+ d="M39.6836 39.941C44.1108 34.3597 56.6663 39.6271 39.6836 50.2217M39.6836 39.941C41.2414 38.4368 45.5825 35.9737 46.9165 40.0869C48.1652 43.937 43.0033 48.4515 39.6836 50.2217M39.6836 39.941C43.5534 36.8878 46.0949 37.9243 46.7436 39.6271C48.2747 43.6464 42.7809 48.2894 39.6836 50.2217M39.6836 50.2217V20.7969"
7
+ stroke="red" fill="transparent" stroke-width="1.52124"/>
8
+ <g transform="translate(11,0)">
9
+ <path
10
+ d="M39.6836 39.941C44.1108 34.3597 56.6663 39.6271 39.6836 50.2217M39.6836 39.941C41.2414 38.4368 45.5825 35.9737 46.9165 40.0869C48.1652 43.937 43.0033 48.4515 39.6836 50.2217M39.6836 39.941C43.5534 36.8878 46.0949 37.9243 46.7436 39.6271C48.2747 43.6464 42.7809 48.2894 39.6836 50.2217M39.6836 50.2217V20.7969"
11
+ stroke="red" fill="transparent" stroke-width="1.52124"/>
12
+
13
+ </g>
14
+
15
+ </svg>
@@ -0,0 +1,16 @@
1
+ <svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg"
2
+ preserveAspectRatio="none"
3
+ width="280" height="310"
4
+ viewBox="37 13 28 31">
5
+ <rect id="Rectangle 1264" x="40.1074" y="14.6406" width="1.48319" height="28.5514" fill="black"/>
6
+ <rect id="Rectangle 1265" x="46.4102" y="13.1562" width="1.48319" height="28.5514" fill="black"/>
7
+ <path id="Rectangle 1266" d="M37.8828 21.6815L50.1191 19.0859V23.5355L37.8828 26.1311V21.6815Z" fill="black"/>
8
+ <path id="Rectangle 1267" d="M37.8828 33.9237L50.1191 31.3281V35.7777L37.8828 38.3733V33.9237Z" fill="black"/>
9
+ <g transform="translate(14,0)">
10
+ <rect id="Rectangle 1264" x="40.1074" y="14.6406" width="1.48319" height="28.5514" fill="black"/>
11
+ <rect id="Rectangle 1265" x="46.4102" y="13.1562" width="1.48319" height="28.5514" fill="black"/>
12
+ <path id="Rectangle 1266" d="M37.8828 21.6815L50.1191 19.0859V23.5355L37.8828 26.1311V21.6815Z" fill="black"/>
13
+ <path id="Rectangle 1267" d="M37.8828 33.9237L50.1191 31.3281V35.7777L37.8828 38.3733V33.9237Z" fill="black"/>
14
+
15
+ </g>
16
+ </svg>
@@ -0,0 +1,16 @@
1
+ <svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg"
2
+ preserveAspectRatio="none"
3
+ width="280" height="310"
4
+ viewBox="37 13 28 31">
5
+ <rect id="Rectangle 1264" x="40.1074" y="14.6406" width="1.48319" height="28.5514" fill="red"/>
6
+ <rect id="Rectangle 1265" x="46.4102" y="13.1562" width="1.48319" height="28.5514" fill="red"/>
7
+ <path id="Rectangle 1266" d="M37.8828 21.6815L50.1191 19.0859V23.5355L37.8828 26.1311V21.6815Z" fill="red"/>
8
+ <path id="Rectangle 1267" d="M37.8828 33.9237L50.1191 31.3281V35.7777L37.8828 38.3733V33.9237Z" fill="red"/>
9
+ <g transform="translate(14,0)">
10
+ <rect id="Rectangle 1264" x="40.1074" y="14.6406" width="1.48319" height="28.5514" fill="red"/>
11
+ <rect id="Rectangle 1265" x="46.4102" y="13.1562" width="1.48319" height="28.5514" fill="red"/>
12
+ <path id="Rectangle 1266" d="M37.8828 21.6815L50.1191 19.0859V23.5355L37.8828 26.1311V21.6815Z" fill="red"/>
13
+ <path id="Rectangle 1267" d="M37.8828 33.9237L50.1191 31.3281V35.7777L37.8828 38.3733V33.9237Z" fill="red"/>
14
+
15
+ </g>
16
+ </svg>
@@ -1,11 +1,9 @@
1
- <?xml version="1.0" encoding="iso-8859-1"?>
2
- <!-- Generator: Adobe Illustrator 19.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
3
- <svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px"
4
- y="0px"
5
- viewBox="0 0 270 270" style="enable-background:new 0 0 270 270;" xml:space="preserve">
6
- <path id="XMLID_920_" d="M174.642,156.642c-10.662-17.767-29.276-25.48-48.578-20.137c-2.379,0.659-4.681,1.507-6.901,2.507V0h-30
7
- v270h30c5.88-4.736,21.586-18.098,35.412-34.425C172.578,214.313,190.674,183.359,174.642,156.642z M131.944,215.875
8
- c-4.175,4.955-8.586,9.608-12.782,13.75V185c0-10.037,7.682-17.581,14.91-19.584c6.258-1.733,11.115,0.446,14.846,6.661
9
- C151.41,176.231,154.746,188.814,131.944,215.875z"/>
1
+ <svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg"
2
+ preserveAspectRatio="none"
3
+ width="100" height="300"
4
+ viewBox="38 20 11.5 31">
5
+ <path
6
+ d="M39.6836 39.941C44.1108 34.3597 56.6663 39.6271 39.6836 50.2217M39.6836 39.941C41.2414 38.4368 45.5825 35.9737 46.9165 40.0869C48.1652 43.937 43.0033 48.4515 39.6836 50.2217M39.6836 39.941C43.5534 36.8878 46.0949 37.9243 46.7436 39.6271C48.2747 43.6464 42.7809 48.2894 39.6836 50.2217M39.6836 50.2217V20.7969"
7
+ stroke="black" fill="transparent" stroke-width="1.52124"/>
10
8
 
11
9
  </svg>
@@ -0,0 +1,9 @@
1
+ <svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg"
2
+ preserveAspectRatio="none"
3
+ width="100" height="300"
4
+ viewBox="38 20 11.5 31">
5
+ <path
6
+ d="M39.6836 39.941C44.1108 34.3597 56.6663 39.6271 39.6836 50.2217M39.6836 39.941C41.2414 38.4368 45.5825 35.9737 46.9165 40.0869C48.1652 43.937 43.0033 48.4515 39.6836 50.2217M39.6836 39.941C43.5534 36.8878 46.0949 37.9243 46.7436 39.6271C48.2747 43.6464 42.7809 48.2894 39.6836 50.2217M39.6836 50.2217V20.7969"
7
+ stroke="red" fill="transparent" stroke-width="1.52124"/>
8
+
9
+ </svg>
@@ -1,10 +1,8 @@
1
- <?xml version="1.0" encoding="iso-8859-1"?>
2
- <!-- Generator: Adobe Illustrator 19.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
3
- <svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px"
4
- y="0px"
5
- viewBox="0 0 270 270" style="enable-background:new 0 0 270 270;" xml:space="preserve">
6
- <g id="XMLID_14_">
7
- <path id="XMLID_906_" d="M90,60V0H60v240l120-30v60h30V30L90,60z M180,150l-90,22.5V120l90-22.5V150z"/>
8
- </g>
1
+ <svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg"
2
+ preserveAspectRatio="none"
3
+ width="100" height="300"
4
+ viewBox="3 11 10 28">
5
+ <path id="natural_1_"
6
+ d="M5.1,23.1v5.1l5.6-1.2v-5L5.1,23.1z M12.2,17.8V39h-1.6v-8.3l-7.1,1.5V11h1.6v8.3L12.2,17.8z"/>
9
7
 
10
8
  </svg>
@@ -0,0 +1,8 @@
1
+ <svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg"
2
+ preserveAspectRatio="none"
3
+ width="100" height="300"
4
+ viewBox="3 11 10 28">
5
+ <path id="natural_1_" fill="red"
6
+ d="M5.1,23.1v5.1l5.6-1.2v-5L5.1,23.1z M12.2,17.8V39h-1.6v-8.3l-7.1,1.5V11h1.6v8.3L12.2,17.8z"/>
7
+
8
+ </svg>
@@ -0,0 +1,6 @@
1
+ <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18.3 11.7" width="100" height="100">
2
+ <path id="whole" d="M5.7,5C5.9,6.6,6.3,8,7.2,9.1c0.8,1,1.8,1.4,3,1.3c1.7-0.1,2.5-1.2,2.3-3.5c-0.1-1.8-0.6-3.1-1.5-4.1
3
+ c-0.8-1-1.8-1.4-3-1.3C7.2,1.6,6.6,1.9,6.1,2.4C5.8,2.9,5.6,3.8,5.7,5z M14.4,1.7c2,0.8,3.2,2.2,3.4,4.2c-0.1,2-1.2,3.4-3.2,4.2
4
+ c-1.9,0.8-3.7,1.1-5.4,1.1c-1.7,0.1-3.5-0.3-5.5-1.1c-2-0.8-3.1-2.2-3.3-4.2c0.1-2,1.2-3.4,3.1-4.2c2-0.8,3.8-1.1,5.4-1.1
5
+ C10.6,0.6,12.4,0.9,14.4,1.7z"/>
6
+ </svg>
@@ -0,0 +1,6 @@
1
+ <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18.3 11.7" width="100" height="100">
2
+ <path fill="red" id="whole" d="M5.7,5C5.9,6.6,6.3,8,7.2,9.1c0.8,1,1.8,1.4,3,1.3c1.7-0.1,2.5-1.2,2.3-3.5c-0.1-1.8-0.6-3.1-1.5-4.1
3
+ c-0.8-1-1.8-1.4-3-1.3C7.2,1.6,6.6,1.9,6.1,2.4C5.8,2.9,5.6,3.8,5.7,5z M14.4,1.7c2,0.8,3.2,2.2,3.4,4.2c-0.1,2-1.2,3.4-3.2,4.2
4
+ c-1.9,0.8-3.7,1.1-5.4,1.1c-1.7,0.1-3.5-0.3-5.5-1.1c-2-0.8-3.1-2.2-3.3-4.2c0.1-2,1.2-3.4,3.1-4.2c2-0.8,3.8-1.1,5.4-1.1
5
+ C10.6,0.6,12.4,0.9,14.4,1.7z"/>
6
+ </svg>
@@ -0,0 +1,20 @@
1
+ <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 9 7.3"
2
+ width="90" height="90">
3
+ <g transform="translate(0.01,3.63) scale(1.15,1.15)">
4
+ <!-- 外层 + 内层路径叠加 -->
5
+ <path fill="black" fill-rule="evenodd"
6
+ d="M7.8-0.9c-0.1,1.1-0.7,2-1.7,2.8C5,2.7,3.8,3.1,2.6,3.1
7
+ c-0.8,0-1.4-0.2-1.9-0.6C0.3,2.1,0,1.5,0,0.9
8
+ c0.1-1,0.7-1.9,1.7-2.7c1-0.8,2.1-1.2,3.2-1.3
9
+ c0.9,0,1.6,0.2,2,0.5C7.5-2.2,7.8-1.7,7.8-0.9
10
+ Z
11
+ M6.4-0.8c-0.1,0.8-0.5,1.4-1.2,2
12
+ C4.5,1.8,3.7,2.1,2.9,2.1
13
+ C2.3,2.1,1.9,1.9,1.6,1.6
14
+ C1.3,1.3,1.1,0.9,1.1,0.5
15
+ c0.1-0.7,0.5-1.3,1.1-1.8
16
+ c0.6-0.5,1.4-0.8,2.2-0.9
17
+ c0.6,0,1.1,0.1,1.4,0.4
18
+ C6.1-1.5,6.4-1.2,6.4-0.8Z"/>
19
+ </g>
20
+ </svg>
@@ -0,0 +1,20 @@
1
+ <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 9 7.3"
2
+ width="90" height="90">
3
+ <g transform="translate(0.01,3.63) scale(1.15,1.15)">
4
+ <!-- 外层 + 内层路径叠加 -->
5
+ <path fill="red" fill-rule="evenodd"
6
+ d="M7.8-0.9c-0.1,1.1-0.7,2-1.7,2.8C5,2.7,3.8,3.1,2.6,3.1
7
+ c-0.8,0-1.4-0.2-1.9-0.6C0.3,2.1,0,1.5,0,0.9
8
+ c0.1-1,0.7-1.9,1.7-2.7c1-0.8,2.1-1.2,3.2-1.3
9
+ c0.9,0,1.6,0.2,2,0.5C7.5-2.2,7.8-1.7,7.8-0.9
10
+ Z
11
+ M6.4-0.8c-0.1,0.8-0.5,1.4-1.2,2
12
+ C4.5,1.8,3.7,2.1,2.9,2.1
13
+ C2.3,2.1,1.9,1.9,1.6,1.6
14
+ C1.3,1.3,1.1,0.9,1.1,0.5
15
+ c0.1-0.7,0.5-1.3,1.1-1.8
16
+ c0.6-0.5,1.4-0.8,2.2-0.9
17
+ c0.6,0,1.1,0.1,1.4,0.4
18
+ C6.1-1.5,6.4-1.2,6.4-0.8Z"/>
19
+ </g>
20
+ </svg>
@@ -0,0 +1,8 @@
1
+ <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 9 7.3"
2
+ width="90" height="90">
3
+ <g transform="translate(0.65,3.63) scale(1,1) rotate(0)">
4
+ <path stroke="black" fill="black"
5
+ d="M7.8-0.9c-0.1,1.1-0.7,2-1.7,2.8C5,2.7,3.8,3.1,2.6,3.1c-0.8,0-1.4-0.2-1.9-0.6C0.3,2.1,0,1.5,0,0.9c0.1-1,0.7-1.9,1.7-2.7c1-0.8,2.1-1.2,3.2-1.3c0.9,0,1.6,0.2,2,0.5C7.5-2.2,7.8-1.7,7.8-0.9"></path>
6
+
7
+ </g>
8
+ </svg>
@@ -0,0 +1,8 @@
1
+ <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 9 7.3"
2
+ width="90" height="90">
3
+ <g transform="translate(0.65,3.63) scale(1,1) rotate(0)">
4
+ <path stroke="red" fill="red"
5
+ d="M7.8-0.9c-0.1,1.1-0.7,2-1.7,2.8C5,2.7,3.8,3.1,2.6,3.1c-0.8,0-1.4-0.2-1.9-0.6C0.3,2.1,0,1.5,0,0.9c0.1-1,0.7-1.9,1.7-2.7c1-0.8,2.1-1.2,3.2-1.3c0.9,0,1.6,0.2,2,0.5C7.5-2.2,7.8-1.7,7.8-0.9"></path>
6
+
7
+ </g>
8
+ </svg>
@@ -0,0 +1,5 @@
1
+ <svg xmlns="http://www.w3.org/2000/svg" width="10" height="100">
2
+ <!-- 音符杆 -->
3
+ <line x1="5" y1="0" x2="5" y2="100" stroke="red" stroke-width="10"></line>
4
+
5
+ </svg>
@@ -0,0 +1,17 @@
1
+ <svg xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="none" viewBox="0 -9.8 6.5 29" width="80"
2
+ height="300">
3
+ <!-- 音符尾 -->
4
+ <path d="
5
+ M5.7,14.3c0.1-0.4,0.2-0.7,0.3-1.1c0-0.2,0-0.4,0-0.5c0-0.5-0.1-1-0.2-1.6c-0.1-0.4-0.1-0.9,0-1.3C5.9,9.4,5.9,9,5.9,8.6
6
+ c0-0.5-0.1-1.1-0.1-1.7c0-0.3,0-0.6,0-0.9l0.1-0.9c0-0.2,0-0.4,0-0.6c0-0.5-0.1-0.9-0.1-1.5c0-0.3,0-0.6,0-0.9l0.1-1
7
+ c0-0.2,0-0.4,0-0.5c0-0.7-0.1-1.5-0.4-2.4C5.2-2.8,4.7-3.7,4-4.6C3.4-5.5,2.4-6.4,1.3-7.4c-0.5-0.5-0.8-1-1-1.4l-0.5-1h-0.5v21.1
8
+ h0.4v-0.6l2.7,1.7c0.8,0.5,1.4,1,1.9,1.5c0.2,0.2,0.3,0.3,0.5,0.5c0.1,0.2,0.2,0.3,0.3,0.4c0.2,0.4,0.3,0.8,0.4,1.3
9
+ c0,0,0.4,1.2,0,2.2l-0.2,0.4c0,0.1,0.1,0,0.1,0c0.3-0.5,0.4-0.4,0.6-1.2c0.1-0.4,0.1-0.8,0.1-1.2C6.3,15.6,6.1,14.9,5.7,14.3z
10
+ M-0.1-6C1-5.4,2-4.8,2.8-4.1c0.8,0.6,1.5,1.5,2,2.7l0.3,1.1c0,0.1,0.1,0.3,0.1,0.4L5.4,1v0.7C5.1,0.9,4.7,0.1,4.1-0.7
11
+ C3.4-1.5,2.4-2.5,1.3-3.5c-0.5-0.5-0.8-1-1-1.4l-0.4-1V-6z M2.8-0.2c0.8,0.6,1.5,1.5,2,2.7l0.3,1.1c0,0.2,0.1,0.3,0.1,0.5l0.2,1v0.6
12
+ C5.1,4.7,4.7,3.9,4.1,3.2C3.4,2.3,2.4,1.3,1.3,0.4c-0.5-0.5-0.9-1-1-1.5l-0.4-1C1-1.5,2-0.9,2.8-0.2z M-0.1,1.7C1,2.3,2,3,2.8,3.7
13
+ c0.8,0.6,1.5,1.5,2,2.7l0.3,1.1c0,0.1,0.1,0.3,0.1,0.4l0.2,0.9v0.7C5.1,8.7,4.7,7.9,4.1,7.1C3.4,6.2,2.4,5.3,1.3,4.3
14
+ c-0.5-0.5-0.8-1-1-1.4l-0.4-1.1V1.7z M4.6,12.6l-1-1.1l-1.4-1.4C1.7,9.6,1.2,9,0.8,8.2C0.3,7.4,0.1,6.6,0,5.7c1.1,0.6,2,1.2,2.8,1.8
15
+ c0.7,0.6,1.4,1.4,1.9,2.4c0.1,0.2,0.2,0.4,0.2,0.6l0.3,1l0.1,0.4l0.1,0.8v1.1l-0.7-1L4.6,12.6z
16
+ " fill="black"/>
17
+ </svg>