mirror
/
mysticsymbolic.github.io
kopia lustrzana https://github.com/mysticsymbolic/mysticsymbolic.github.io
1
0
Forkuj 0
Kod Zgłoszenia Projekty Wydania Wiki Aktywność
mysticsymbolic.github.io/svg/arm.svg

24 wiersze
5.3 KiB
XML
Czysty Zwykły widok Historia

Use arrows for attachment points instead of circles. (#3) Here we attempt to use arrowhead symbols in SVGs to allow artists to specify the orientation of attached symbols, rather than attempting to auto-detect it via projecting the circles onto the shape and using the normal as we did in #2. It seems like this logic is both much simpler and less error-prone, especially around corners. It also gives artists much more control over the placement of attachments. The one fragile aspect of the implementation is that we assume the first point of the arrow shape is its tip, and that the third point is its indented bottom. This appears to be consistent across all of Nina's SVGs, so far at least...
2021-02-15 02:27:20 +00:00
<?xml version="1.0" encoding="utf-8"?>
Use latest symbols.
2021-02-15 12:33:48 +00:00
<!-- Generator: Moho 13.0.3 build 635 -->
Use arrows for attachment points instead of circles. (#3) Here we attempt to use arrowhead symbols in SVGs to allow artists to specify the orientation of attached symbols, rather than attempting to auto-detect it via projecting the circles onto the shape and using the normal as we did in #2. It seems like this logic is both much simpler and less error-prone, especially around corners. It also gives artists much more control over the placement of attachments. The one fragile aspect of the implementation is that we assume the first point of the arrow shape is its tip, and that the third point is its indented bottom. This appears to be consistent across all of Nina's SVGs, so far at least...
2021-02-15 02:27:20 +00:00
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
<svg version="1.1" id="Frame_0" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="720px" height="720px">
<g id="arm">
<g id="arm">
Use latest symbols.
2021-02-15 12:33:48 +00:00
<path fill="#ffffff" fill-rule="evenodd" stroke="#000000" stroke-width="4" stroke-linecap="round" stroke-linejoin="round" d="M 356.921 308.627 C 339.898 309.228 312.094 302.648 301.820 294.779 C 284.294 281.356 265.851 257.278 262.085 250.520 C 258.847 244.710 243.454 211.793 237.591 200.961 C 231.106 188.983 211.819 170.575 213.099 163.789 C 214.053 158.736 226.952 155.806 232.453 158.244 C 240.687 161.892 249.326 171.284 251.545 173.176 C 260.276 180.618 278.881 216.601 285.268 215.393 C 292.639 213.999 296.808 201.289 299.319 194.317 C 301.382 188.589 301.005 149.816 300.724 143.735 C 300.406 136.861 294.376 92.168 293.758 86.969 C 293.221 82.457 286.105 43.290 288.078 37.652 C 288.723 35.811 291.177 25.861 298.531 25.255 C 304.774 24.740 308.241 30.822 309.155 32.032 C 312.924 37.024 317.658 78.496 318.713 83.137 C 319.779 87.828 326.587 131.269 332.338 133.899 C 333.197 134.292 339.355 133.117 340.066 132.494 C 344.721 128.414 344.303 85.943 344.583 81.242 C 344.906 75.844 342.755 28.305 346.389 22.197 C 347.202 20.830 350.347 13.893 356.918 14.207 C 362.675 14.482 366.006 20.872 366.762 22.197 C 370.202 28.228 368.234 74.603 368.541 79.876 C 368.826 84.767 368.196 129.007 373.085 133.197 C 373.929 133.920 381.236 135.124 382.218 134.602 C 387.228 131.935 389.899 92.443 390.645 88.190 C 391.378 84.018 394.996 46.994 398.376 42.570 C 399.347 41.299 404.016 34.270 409.808 35.777 C 415.237 37.189 418.237 47.053 418.749 48.893 C 420.227 54.200 413.180 90.118 412.854 94.297 C 412.438 99.650 407.883 146.854 411.469 152.931 C 411.988 153.812 417.289 158.117 418.302 157.977 C 424.090 157.179 429.314 115.254 430.254 110.909 C 431.039 107.279 434.868 75.777 437.462 70.990 C 438.169 69.685 443.522 64.143 448.427 65.341 C 453.073 66.475 456.192 74.717 456.686 76.292 C 458.576 82.308 450.333 123.478 449.710 128.235 C 448.513 137.367 440.483 216.442 437.015 228.039 C 434.602 236.106 426.477 275.420 407.003 291.266 C 388.900 305.997 369.339 308.190 356.921 308.627 Z"/>
Use arrows for attachment points instead of circles. (#3) Here we attempt to use arrowhead symbols in SVGs to allow artists to specify the orientation of attached symbols, rather than attempting to auto-detect it via projecting the circles onto the shape and using the normal as we did in #2. It seems like this logic is both much simpler and less error-prone, especially around corners. It also gives artists much more control over the placement of attachments. The one fragile aspect of the implementation is that we assume the first point of the arrow shape is its tip, and that the third point is its indented bottom. This appears to be consistent across all of Nina's SVGs, so far at least...
2021-02-15 02:27:20 +00:00
<path fill="#ffffff" fill-rule="evenodd" stroke="none" d="M 398.207 293.251 C 370.469 293.318 342.731 293.385 314.993 293.452 C 314.940 322.636 302.710 619.761 305.474 689.160 C 306.768 721.647 411.825 722.289 413.846 689.840 C 416.132 653.140 397.592 321.366 398.207 293.251 Z"/>
<path fill="none" stroke="#000000" stroke-width="4" stroke-linecap="round" stroke-linejoin="round" d="M 398.207 293.251 C 397.592 321.366 416.132 653.140 413.846 689.840 C 411.825 722.289 306.768 721.647 305.474 689.160 C 302.710 619.761 314.940 322.636 314.993 293.452 "/>
</g>
Use latest symbols.
2021-02-15 12:33:48 +00:00
<g id="specs">
<path fill="#ff00ff" fill-rule="evenodd" stroke="none" d="M 415.163 268.164 C 415.163 268.153 415.163 162.061 415.163 162.051 C 415.152 162.051 309.061 162.051 309.050 162.051 C 309.050 162.061 309.050 268.153 309.050 268.164 C 309.061 268.164 415.152 268.164 415.163 268.164 Z"/>
Use arrows for attachment points instead of circles. (#3) Here we attempt to use arrowhead symbols in SVGs to allow artists to specify the orientation of attached symbols, rather than attempting to auto-detect it via projecting the circles onto the shape and using the normal as we did in #2. It seems like this logic is both much simpler and less error-prone, especially around corners. It also gives artists much more control over the placement of attachments. The one fragile aspect of the implementation is that we assume the first point of the arrow shape is its tip, and that the third point is its indented bottom. This appears to be consistent across all of Nina's SVGs, so far at least...
2021-02-15 02:27:20 +00:00
<path fill="#ff0000" fill-rule="evenodd" stroke="none" d="M 359.564 632.980 C 359.566 632.985 377.774 683.970 377.776 683.975 C 377.774 683.973 359.566 667.031 359.564 667.029 C 359.562 667.031 341.354 683.973 341.352 683.975 C 341.354 683.970 359.562 632.985 359.564 632.980 Z"/>
Use latest symbols.
2021-02-15 12:33:48 +00:00
<path fill="#0000ff" fill-rule="evenodd" stroke="none" d="M 355.109 1.483 C 355.110 1.485 362.486 22.138 362.486 22.141 C 362.486 22.140 355.110 15.277 355.109 15.276 C 355.108 15.277 347.732 22.140 347.731 22.141 C 347.732 22.138 355.108 1.485 355.109 1.483 Z"/>
<path fill="#00ffff" fill-rule="evenodd" stroke="none" d="M 454.470 48.751 C 454.470 48.754 457.176 80.085 457.177 80.088 C 457.176 80.087 449.446 67.882 449.445 67.881 C 449.444 67.881 436.714 74.712 436.713 74.713 C 436.714 74.710 454.468 48.754 454.470 48.751 Z"/>
<path fill="#00ffff" fill-rule="evenodd" stroke="none" d="M 292.689 9.356 C 292.688 9.359 288.546 41.292 288.546 41.295 C 288.546 41.294 296.989 29.147 296.990 29.146 C 296.991 29.147 309.715 36.693 309.716 36.694 C 309.715 36.691 292.690 9.359 292.689 9.356 Z"/>
<path fill="#00ff00" fill-rule="evenodd" stroke="none" d="M 419.424 421.016 C 419.421 421.017 393.640 439.025 393.637 439.027 C 393.638 439.026 400.343 426.229 400.344 426.228 C 400.343 426.227 388.062 418.617 388.061 418.617 C 388.064 418.617 419.421 421.015 419.424 421.016 Z"/>
<path fill="#00ff00" fill-rule="evenodd" stroke="none" d="M 294.640 423.739 C 294.643 423.738 325.654 418.516 325.657 418.516 C 325.656 418.517 314.114 427.205 314.112 427.206 C 314.113 427.207 321.947 439.345 321.948 439.347 C 321.945 439.345 294.643 423.740 294.640 423.739 Z"/>
<path fill="#ffff00" fill-rule="evenodd" stroke="none" d="M 300.854 712.577 C 300.854 712.574 309.640 682.378 309.641 682.375 C 309.641 682.377 312.444 696.549 312.444 696.551 C 312.446 696.551 326.783 694.775 326.785 694.775 C 326.782 694.777 300.856 712.575 300.854 712.577 Z"/>
<path fill="#ffff00" fill-rule="evenodd" stroke="none" d="M 416.570 712.166 C 416.570 712.163 407.784 681.967 407.783 681.964 C 407.783 681.966 404.980 696.138 404.980 696.140 C 404.978 696.140 390.641 694.364 390.639 694.364 C 390.642 694.366 416.568 712.164 416.570 712.166 Z"/>
Use arrows for attachment points instead of circles. (#3) Here we attempt to use arrowhead symbols in SVGs to allow artists to specify the orientation of attached symbols, rather than attempting to auto-detect it via projecting the circles onto the shape and using the normal as we did in #2. It seems like this logic is both much simpler and less error-prone, especially around corners. It also gives artists much more control over the placement of attachments. The one fragile aspect of the implementation is that we assume the first point of the arrow shape is its tip, and that the third point is its indented bottom. This appears to be consistent across all of Nina's SVGs, so far at least...
2021-02-15 02:27:20 +00:00
</g>
</g>
</svg>