VCF-pp.svg (18005B)
1 <?xml version="1.0"?> 2 <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="150.0" height="380.0" viewBox="0 0 150.0 380.0"> 3 <style>text { 4 fill: #333; 5 font-family: 'Roboto', sans-serif; 6 font-weight: bold; 7 } 8 text.title { 9 font-family: 'Comfortaa', sans-serif; 10 font-weight: normal; 11 } 12 text.brand { 13 font-family: 'Audiowide', sans-serif; 14 font-weight: bold; 15 } 16 17 polyline { 18 stroke: #333; 19 } 20 path { 21 stroke: #333; 22 } 23 24 rect.module-background, .background-fill { 25 fill: #ddd; 26 } 27 polyline.module-border-inner { 28 stroke: #e4e4e4; 29 } 30 polyline.module-border-middle { 31 stroke: #ebebeb; 32 } 33 polyline.module-border-outer { 34 stroke: #f2f2f2; 35 } 36 37 g.io-group { 38 } 39 rect.input-background, rect.input-background-filler { 40 fill: #fafafa; 41 } 42 rect.output-background, rect.output-background-filler { 43 fill: #bbb; 44 } 45 text.input-label, text.output-label { 46 /* font-size: 6pt; */ 47 } 48 polyline.input-label, polyline.output-label { 49 } 50 path.input-label, path.output-label { 51 } 52 53 circle.port-rim { 54 stroke: #f0f0f0; 55 } 56 circle.port-barrel { 57 stroke: #222; 58 fill: #222; 59 } 60 circle.knob-center { 61 fill: #eee; 62 } 63 circle.knob-rim { 64 fill: #333; 65 } 66 circle.knob-tick { 67 fill: #fff; 68 } 69 polyline.knob-tick { 70 stroke: #fff; 71 } 72 </style> 73 74 <defs> 75 <symbol id="dial-frequency-vcf" viewBox="0 0 150px 108px"> 76 <g transform="translate(75 54)"> 77 <g transform="rotate(-240) translate(34 0)"> 78 <polyline points="0,0 5,0" stroke-width="1" transform="translate(3 0)"/> 79 <text font-size="7.0pt" transform="translate(14 0) rotate(240) translate(-2 3)">0</text> 80 </g> 81 <polyline points="0,0 3,0" stroke-width="0.7" transform="rotate(-225) translate(37 0)"/> 82 83 <g transform="rotate(-218.8) translate(34 0)"> 84 <polyline points="0,0 5,0" stroke-width="1" transform="translate(3 0)"/> 85 <text font-size="7.0pt" transform="translate(14 0) rotate(218.8) translate(-12.5 3.5)">100</text> 86 </g> 87 <polyline points="0,0 3,0" stroke-width="0.7" transform="rotate(-206.5) translate(37 0)"/> 88 89 <g transform="rotate(-192.6) translate(34 0)"> 90 <polyline points="0,0 5,0" stroke-width="1" transform="translate(3 0)"/> 91 <text font-size="7.0pt" transform="translate(14 0) rotate(192.6) translate(-11.5 3)">500</text> 92 </g> 93 <polyline points="0,0 3,0" stroke-width="0.7" transform="rotate(-181.9) translate(37 0)"/> 94 95 <g transform="rotate(-172.2) translate(34 0)"> 96 <polyline points="0,0 5,0" stroke-width="1" transform="translate(3 0)"/> 97 <text font-size="7.0pt" transform="translate(14 0) rotate(172.2) translate(-7.5 3)">1K</text> 98 </g> 99 <polyline points="0,0 3,0" stroke-width="0.7" transform="rotate(-151.3) translate(37 0)"/> 100 101 <g transform="rotate(-133.9) translate(34 0)"> 102 <polyline points="0,0 5,0" stroke-width="1" transform="translate(3 0)"/> 103 <text font-size="7.0pt" transform="translate(14 0) rotate(133.9) translate(-16 3)">2.5K</text> 104 </g> 105 <polyline points="0,0 3,0" stroke-width="0.7" transform="rotate(-110.1) translate(37 0)"/> 106 107 <g transform="rotate(-90) translate(34 0)"> 108 <polyline points="0,0 5,0" stroke-width="1" transform="translate(3 0)"/> 109 <text font-size="7.0pt" transform="translate(14 0) rotate(90) translate(-6 4)">5K</text> 110 </g> 111 <polyline points="0,0 3,0" stroke-width="0.7" transform="rotate(-41.6) translate(37 0)"/> 112 113 <g transform="rotate(-56.3) translate(34 0)"> 114 <polyline points="0,0 5,0" stroke-width="1" transform="translate(3 0)"/> 115 <text font-size="7.0pt" transform="translate(14 0) rotate(56.3) translate(-3.5 3)">7.5K</text> 116 </g> 117 <polyline points="0,0 3,0" stroke-width="0.7" transform="rotate(-72.3) translate(37 0)"/> 118 119 <g transform="rotate(-27.9) translate(34 0)"> 120 <polyline points="0,0 5,0" stroke-width="1" transform="translate(3 0)"/> 121 <text font-size="7.0pt" transform="translate(14 0) rotate(27.9) translate(-5 5)">10K</text> 122 </g> 123 <polyline points="0,0 3,0" stroke-width="0.7" transform="rotate(-2.9) translate(37 0)"/> 124 125 <g transform="rotate(19.8) translate(34 0)"> 126 <polyline points="0,0 5,0" stroke-width="1" transform="translate(3 0)"/> 127 <text font-size="7.0pt" transform="translate(14 0) rotate(-19.8) translate(-5 2)">15K</text> 128 </g> 129 <polyline points="0,0 3,0" stroke-width="0.7" transform="rotate(40.6) translate(37 0)"/> 130 131 <g transform="rotate(60) translate(34 0)"> 132 <polyline points="0,0 5,0" stroke-width="1" transform="translate(3 0)"/> 133 <text font-size="7.0pt" transform="translate(14 0) rotate(-60) translate(-2.5 3)">20K</text> 134 </g> 135 136 <text font-size="7.0pt" transform="rotate(90) translate(44.5 0) rotate(-90) translate(-6.5 0)">HZ</text> 137 </g> 138 </symbol> 139 140 <symbol id="dial-slope-vcf" viewBox="0 0 50px 60px"> 141 <g transform="translate(25 30)"> 142 <text font-size="6.0pt" transform="rotate(-240) translate(24 0) rotate(240) translate(-2 3)">1</text> 143 <polyline points="0,0 2,0" stroke-width="0.7" transform="rotate(-176) translate(22 0)"/> 144 <text font-size="6.0pt" transform="rotate(-149.6) translate(24 0) rotate(149.6) translate(-1.5 1)">2</text> 145 <polyline points="0,0 3,0" stroke-width="0.7" transform="rotate(-112.1) translate(22 0)"/> 146 <text font-size="6.0pt" transform="rotate(-83.3) translate(24 0) rotate(83.3) translate(-2 2)">4</text> 147 <polyline points="0,0 3,0" stroke-width="0.7" transform="rotate(-59.1) translate(22 0)"/> 148 <polyline points="0,0 3,0" stroke-width="0.7" transform="rotate(-37.7) translate(22 0)"/> 149 <polyline points="0,0 3,0" stroke-width="0.7" transform="rotate(-18.4) translate(22 0)"/> 150 <text font-size="6.0pt" transform="rotate(-0.7) translate(24 0) rotate(0.7) translate(-2 2)">8</text> 151 <polyline points="0,0 3,0" stroke-width="0.7" transform="rotate(15.8) translate(22 0)"/> 152 <polyline points="0,0 3,0" stroke-width="0.7" transform="rotate(31.4) translate(22 0)"/> 153 <polyline points="0,0 3,0" stroke-width="0.7" transform="rotate(46) translate(22 0)"/> 154 <text font-size="6.0pt" transform="rotate(60) translate(24 0) rotate(-60) translate(-5 3)">12</text> 155 </g> 156 </symbol> 157 158 <symbol id="dial-mode-vcf" viewBox="0 0 60px 60px"> 159 <g transform="translate(30 30)"> 160 <polyline points="0,0 3,0" stroke-width="0.7" transform="rotate(-67.5) translate(11 0)"/> 161 <text font-size="6.0pt" transform="rotate(-67.5) translate(24 0) rotate(67.5) translate(-3 7)">LP</text> 162 163 <polyline points="0,0 3,0" stroke-width="0.7" transform="rotate(-22.5) translate(11 0)"/> 164 <text font-size="6.0pt" transform="rotate(-22.5) translate(24 0) rotate(22.5) translate(-7 5)">HP</text> 165 166 <polyline points="0,0 3,0" stroke-width="0.7" transform="rotate(22.5) translate(11 0)"/> 167 <text font-size="6.0pt" transform="rotate(22.5) translate(24 0) rotate(-22.5) translate(-7 0)">BP</text> 168 169 <polyline points="0,0 3,0" stroke-width="0.7" transform="rotate(67.5) translate(11 0)"/> 170 <text font-size="6.0pt" transform="rotate(67.5) translate(24 0) rotate(-67.5) translate(-3 -1.5)">BR</text> 171 </g> 172 </symbol> 173 174 <symbol id="dial-linear-vcf" viewBox="0 0 50px 50px"> 175 <g transform="translate(25 25)"> 176 <text font-size="6.0pt" transform="rotate(-240) translate(24 0) rotate(240) translate(-4 3)">0</text> 177 <polyline points="0,0 3,0" stroke-width="0.7" transform="rotate(-210) translate(22 0)"/> 178 <polyline points="0,0 3,0" stroke-width="0.7" transform="rotate(-180) translate(22 0)"/> 179 <polyline points="0,0 3,0" stroke-width="0.7" transform="rotate(-150) translate(22 0)"/> 180 <polyline points="0,0 3,0" stroke-width="0.7" transform="rotate(-120) translate(22 0)"/> 181 <polyline points="0,0 3,0" stroke-width="0.7" transform="rotate(-90) translate(22 0)"/> 182 <polyline points="0,0 3,0" stroke-width="0.7" transform="rotate(-60) translate(22 0)"/> 183 <polyline points="0,0 3,0" stroke-width="0.7" transform="rotate(-30) translate(22 0)"/> 184 <polyline points="0,0 3,0" stroke-width="0.7" transform="rotate(0) translate(22 0)"/> 185 <polyline points="0,0 3,0" stroke-width="0.7" transform="rotate(30) translate(22 0)"/> 186 <polyline points="0,0 4,0" stroke-width="1" transform="rotate(60) translate(22 0)"/> 187 </g> 188 </symbol> 189 </defs> 190 191 192 193 <rect class="module-background background-fill" width="150.0" height="380.0"/> 194 195 196 <polyline class="module-border-inner" points="1,1 149.0,1 149.0,379.0 1,379.0 1,1" stroke-width="0.5" fill="none"/> 197 <polyline class="module-border-middle" points="0.5,0.5 149.5,0.5 149.5,379.5 0.5,379.5 0.5,0.5" stroke-width="0.8" fill="none"/> 198 <polyline class="module-border-outer" points="0,0 150.0,0 150.0,380.0 0,380.0 0,0" stroke-width="1" fill="none"/> 199 200 <text class="title" font-size="12pt" letter-spacing="4px" text-anchor="middle" transform="translate(75.0 19)">VCF</text> 201 <g transform="translate(0 374)"> 202 <text class="brand" font-size="8pt" letter-spacing="2px" text-anchor="middle" transform="translate(75.0 0)">BOGAUDIO</text> 203 <rect class="background-fill" width="3" height="3" transform="translate(59.5 -5)"/> 204 </g> 205 206 207 208 209 210 211 <g transform="translate(21 25)"> 212 <g transform="translate(20 20)"><svg id="FREQUENCY_PARAM"> 213 <g transform="translate(34 34)"> 214 <polyline points="-10,0 10,0" stroke-width="1" stroke="#00f"/> 215 <polyline points="0,-10 0,10" stroke-width="1" stroke="#00f"/> 216 <circle cx="0" cy="0" r="33.5" stroke-width="1" stroke="#00f" fill="none"/> 217 </g> 218 </svg></g> 219 <use xlink:href="#dial-frequency-vcf" transform="translate(-21 0)" href="#dial-frequency-vcf"/> 220 </g> 221 222 <g transform="translate(25 126)"> 223 <text font-size="8pt" letter-spacing="2px" transform="translate(10 27) rotate(270)">CV</text> 224 <g transform="translate(20 12)"><svg id="FREQUENCY_CV_PARAM"> 225 <g transform="translate(8 8)"> 226 <polyline points="-3,0 3,0" stroke-width="1" stroke="#00f"/> 227 <polyline points="0,-3 0,3" stroke-width="1" stroke="#00f"/> 228 <circle r="7.5" stroke-width="1" stroke="#00f" fill="none"/> 229 </g> 230 </svg></g> 231 <g transform="translate(8 0)"> 232 <g transform="translate(20 20)"> 233 <polyline points="0,0 4,0" stroke-width="1" transform="rotate(-90) translate(10 0)"/> 234 <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(20)"/> 235 <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(43)"/> 236 <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-20)"/> 237 <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-43)"/> 238 </g> 239 </g> 240 </g> 241 242 <g transform="translate(82 126)"> 243 <text font-size="8pt" letter-spacing="2px" transform="translate(10 27) rotate(270)">FM</text> 244 <g transform="translate(20 12)"><svg id="FM_PARAM"> 245 <g transform="translate(8 8)"> 246 <polyline points="-3,0 3,0" stroke-width="1" stroke="#00f"/> 247 <polyline points="0,-3 0,3" stroke-width="1" stroke="#00f"/> 248 <circle r="7.5" stroke-width="1" stroke="#00f" fill="none"/> 249 </g> 250 </svg></g> 251 <g transform="translate(8 0)"> 252 <g transform="translate(20 20)"> 253 <polyline points="0,0 4,0" stroke-width="1" transform="rotate(-240) translate(10 0)"/> 254 <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(0)"/> 255 <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(43)"/> 256 <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(0)"/> 257 <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-43)"/> 258 </g> 259 </g> 260 </g> 261 262 <g transform="translate(54 165)"> 263 <text font-size="8pt" letter-spacing="2px" transform="translate(7 38) rotate(270)">MODE</text> 264 <g transform="translate(13 11)"><svg id="MODE_PARAM"> 265 <g transform="translate(8 8)"> 266 <polyline points="-3,0 3,0" stroke-width="1" stroke="#00f"/> 267 <polyline points="0,-3 0,3" stroke-width="1" stroke="#00f"/> 268 <circle r="7.5" stroke-width="1" stroke="#00f" fill="none"/> 269 </g> 270 </svg></g> 271 <use xlink:href="#dial-mode-vcf" transform="translate(-9 -11)" href="#dial-mode-vcf"/> 272 </g> 273 274 <g transform="translate(2 220)"> 275 276 277 <text font-size="8pt" letter-spacing="2px" transform="translate(13.5 43.5) rotate(270)">RES/BW</text> 278 <g transform="translate(24.5 0)"><svg id="Q_PARAM"> 279 <g transform="translate(19 19)"> 280 <polyline points="-5,0 5,0" stroke-width="1" stroke="#00f"/> 281 <polyline points="0,-5 0,5" stroke-width="1" stroke="#00f"/> 282 <circle cx="0" cy="0" r="18.5" stroke-width="1" stroke="#00f" fill="none"/> 283 </g> 284 </svg></g> 285 <use xlink:href="#dial-linear-vcf" transform="translate(18.5 -6)" href="#dial-linear-vcf"/> 286 </g> 287 288 <g transform="translate(73 220)"> 289 290 291 <text font-size="8pt" letter-spacing="2px" transform="translate(13.4 38.5) rotate(270)">SLOPE</text> 292 <g transform="translate(24.5 0)"><svg id="SLOPE_PARAM"> 293 <g transform="translate(19 19)"> 294 <polyline points="-5,0 5,0" stroke-width="1" stroke="#00f"/> 295 <polyline points="0,-5 0,5" stroke-width="1" stroke="#00f"/> 296 <circle cx="0" cy="0" r="18.5" stroke-width="1" stroke="#00f" fill="none"/> 297 </g> 298 </svg></g> 299 <use xlink:href="#dial-slope-vcf" transform="translate(18.5 -11)" href="#dial-slope-vcf"/> 300 </g> 301 302 <g class="io-group" transform="translate(0 269)"> 303 <rect class="output-background" width="130" height="47" rx="5" transform="translate(10 44)"/> 304 <rect class="input-background" width="98" height="44" rx="5" transform="translate(26 0)"/> 305 <rect class="input-background-filler" width="98" height="10" transform="translate(26 34)"/> 306 <rect class="input-background" width="97" height="47" rx="5" transform="translate(10 44)"/> 307 <rect class="input-background-filler" width="10" height="47" transform="translate(97 44)"/> 308 309 <g transform="translate(16 0)"> 310 <g transform="translate(12 0)"> 311 <g transform="translate(3 5)"><svg id="FREQUENCY_CV_INPUT"> 312 <g transform="translate(12 12)"> 313 <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0"/> 314 <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/> 315 </g> 316 </svg></g> 317 <text class="input-label" font-size="6pt" letter-spacing="1px" transform="translate(9 40)">CV</text> 318 </g> 319 <g transform="translate(44 0)"> 320 <g transform="translate(3 5)"><svg id="PITCH_INPUT"> 321 <g transform="translate(12 12)"> 322 <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0"/> 323 <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/> 324 </g> 325 </svg></g> 326 <text class="input-label" font-size="6pt" letter-spacing="1px" transform="translate(1 40)">V/OCT</text> 327 </g> 328 <g transform="translate(76 0)"> 329 <g transform="translate(3 5)"><svg id="FM_INPUT"> 330 <g transform="translate(12 12)"> 331 <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0"/> 332 <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/> 333 </g> 334 </svg></g> 335 <text class="input-label" font-size="6pt" letter-spacing="1px" transform="translate(9 40)">FM</text> 336 </g> 337 </g> 338 339 <g transform="translate(10 44)"> 340 <g transform="translate(2 0)"> 341 <g transform="translate(3 5)"><svg id="IN_INPUT"> 342 <g transform="translate(12 12)"> 343 <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0"/> 344 <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/> 345 </g> 346 </svg></g> 347 <text class="input-label" font-size="6pt" letter-spacing="1px" transform="translate(10.5 40)">IN</text> 348 </g> 349 <g transform="translate(34 0)"> 350 <g transform="translate(3 5)"><svg id="Q_INPUT"> 351 <g transform="translate(12 12)"> 352 <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0"/> 353 <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/> 354 </g> 355 </svg></g> 356 <text class="input-label" font-size="6pt" letter-spacing="1px" transform="translate(3 40)">R/BW</text> 357 </g> 358 <g transform="translate(66 0)"> 359 <g transform="translate(3 5)"><svg id="SLOPE_INPUT"> 360 <g transform="translate(12 12)"> 361 <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0"/> 362 <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/> 363 </g> 364 </svg></g> 365 <text class="input-label" font-size="6pt" letter-spacing="1px" transform="translate(7 40)">SLP</text> 366 </g> 367 <g transform="translate(98 0)"> 368 <g transform="translate(3 5)"><svg id="OUT_OUTPUT"> 369 <g transform="translate(12 12)"> 370 <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#f00" fill="#f00"/> 371 <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#f00" fill="none"/> 372 </g> 373 </svg></g> 374 <text class="output-label" font-size="6pt" letter-spacing="1px" transform="translate(6 40)">OUT</text> 375 </g> 376 </g> 377 </g> 378 </svg>