format-path.js 4.6 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133
  1. "use strict";
  2. Object.defineProperty(exports, "__esModule", { value: true });
  3. /*
  4. * 抽取pathSegment中的关键点
  5. * M,L,A,Q,H,V一个端点
  6. * Q, S抽取一个端点,一个控制点
  7. * C抽取一个端点,两个控制点
  8. */
  9. function _getSegmentPoints(segment) {
  10. var points = [];
  11. switch (segment[0]) {
  12. case 'M':
  13. points.push([segment[1], segment[2]]);
  14. break;
  15. case 'L':
  16. points.push([segment[1], segment[2]]);
  17. break;
  18. case 'A':
  19. points.push([segment[6], segment[7]]);
  20. break;
  21. case 'Q':
  22. points.push([segment[3], segment[4]]);
  23. points.push([segment[1], segment[2]]);
  24. break;
  25. case 'T':
  26. points.push([segment[1], segment[2]]);
  27. break;
  28. case 'C':
  29. points.push([segment[5], segment[6]]);
  30. points.push([segment[1], segment[2]]);
  31. points.push([segment[3], segment[4]]);
  32. break;
  33. case 'S':
  34. points.push([segment[3], segment[4]]);
  35. points.push([segment[1], segment[2]]);
  36. break;
  37. case 'H':
  38. points.push([segment[1], segment[1]]);
  39. break;
  40. case 'V':
  41. points.push([segment[1], segment[1]]);
  42. break;
  43. default:
  44. }
  45. return points;
  46. }
  47. // 将两个点均分成count个点
  48. function _splitPoints(points, former, count) {
  49. var result = [].concat(points);
  50. var index;
  51. var t = 1 / (count + 1);
  52. var formerEnd = _getSegmentPoints(former)[0];
  53. for (var i = 1; i <= count; i++) {
  54. t *= i;
  55. index = Math.floor(points.length * t);
  56. if (index === 0) {
  57. result.unshift([formerEnd[0] * t + points[index][0] * (1 - t), formerEnd[1] * t + points[index][1] * (1 - t)]);
  58. }
  59. else {
  60. result.splice(index, 0, [formerEnd[0] * t + points[index][0] * (1 - t), formerEnd[1] * t + points[index][1] * (1 - t)]);
  61. }
  62. }
  63. return result;
  64. }
  65. function formatPath(fromPath, toPath) {
  66. if (fromPath.length <= 1) {
  67. return fromPath;
  68. }
  69. var points;
  70. for (var i = 0; i < toPath.length; i++) {
  71. if (fromPath[i][0] !== toPath[i][0]) {
  72. // 获取fromPath的pathSegment的端点,根据toPath的指令对其改造
  73. points = _getSegmentPoints(fromPath[i]);
  74. switch (toPath[i][0]) {
  75. case 'M':
  76. fromPath[i] = ['M'].concat(points[0]);
  77. break;
  78. case 'L':
  79. fromPath[i] = ['L'].concat(points[0]);
  80. break;
  81. case 'A':
  82. fromPath[i] = [].concat(toPath[i]);
  83. fromPath[i][6] = points[0][0];
  84. fromPath[i][7] = points[0][1];
  85. break;
  86. case 'Q':
  87. if (points.length < 2) {
  88. if (i > 0) {
  89. points = _splitPoints(points, fromPath[i - 1], 1);
  90. }
  91. else {
  92. fromPath[i] = toPath[i];
  93. break;
  94. }
  95. }
  96. fromPath[i] = ['Q'].concat(points.reduce(function (arr, i) { return arr.concat(i); }, []));
  97. break;
  98. case 'T':
  99. fromPath[i] = ['T'].concat(points[0]);
  100. break;
  101. case 'C':
  102. if (points.length < 3) {
  103. if (i > 0) {
  104. points = _splitPoints(points, fromPath[i - 1], 2);
  105. }
  106. else {
  107. fromPath[i] = toPath[i];
  108. break;
  109. }
  110. }
  111. fromPath[i] = ['C'].concat(points.reduce(function (arr, i) { return arr.concat(i); }, []));
  112. break;
  113. case 'S':
  114. if (points.length < 2) {
  115. if (i > 0) {
  116. points = _splitPoints(points, fromPath[i - 1], 1);
  117. }
  118. else {
  119. fromPath[i] = toPath[i];
  120. break;
  121. }
  122. }
  123. fromPath[i] = ['S'].concat(points.reduce(function (arr, i) { return arr.concat(i); }, []));
  124. break;
  125. default:
  126. fromPath[i] = toPath[i];
  127. }
  128. }
  129. }
  130. return fromPath;
  131. }
  132. exports.default = formatPath;
  133. //# sourceMappingURL=format-path.js.map