path-intersection.js 12 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370
  1. "use strict";
  2. Object.defineProperty(exports, "__esModule", { value: true });
  3. var lodash_es_1 = require("lodash-es");
  4. var rect_path_1 = require("./rect-path");
  5. var path_2_curve_1 = require("./path-2-curve");
  6. var base3 = function (t, p1, p2, p3, p4) {
  7. var t1 = -3 * p1 + 9 * p2 - 9 * p3 + 3 * p4;
  8. var t2 = t * t1 + 6 * p1 - 12 * p2 + 6 * p3;
  9. return t * t2 - 3 * p1 + 3 * p2;
  10. };
  11. var bezlen = function (x1, y1, x2, y2, x3, y3, x4, y4, z) {
  12. if (z === null) {
  13. z = 1;
  14. }
  15. z = z > 1 ? 1 : z < 0 ? 0 : z;
  16. var z2 = z / 2;
  17. var n = 12;
  18. var Tvalues = [
  19. -0.1252, 0.1252, -0.3678, 0.3678, -0.5873, 0.5873, -0.7699, 0.7699, -0.9041, 0.9041, -0.9816, 0.9816,
  20. ];
  21. var Cvalues = [0.2491, 0.2491, 0.2335, 0.2335, 0.2032, 0.2032, 0.1601, 0.1601, 0.1069, 0.1069, 0.0472, 0.0472];
  22. var sum = 0;
  23. for (var i = 0; i < n; i++) {
  24. var ct = z2 * Tvalues[i] + z2;
  25. var xbase = base3(ct, x1, x2, x3, x4);
  26. var ybase = base3(ct, y1, y2, y3, y4);
  27. var comb = xbase * xbase + ybase * ybase;
  28. sum += Cvalues[i] * Math.sqrt(comb);
  29. }
  30. return z2 * sum;
  31. };
  32. var curveDim = function (x0, y0, x1, y1, x2, y2, x3, y3) {
  33. var tvalues = [];
  34. var bounds = [[], []];
  35. var a;
  36. var b;
  37. var c;
  38. var t;
  39. for (var i = 0; i < 2; ++i) {
  40. if (i === 0) {
  41. b = 6 * x0 - 12 * x1 + 6 * x2;
  42. a = -3 * x0 + 9 * x1 - 9 * x2 + 3 * x3;
  43. c = 3 * x1 - 3 * x0;
  44. }
  45. else {
  46. b = 6 * y0 - 12 * y1 + 6 * y2;
  47. a = -3 * y0 + 9 * y1 - 9 * y2 + 3 * y3;
  48. c = 3 * y1 - 3 * y0;
  49. }
  50. if (Math.abs(a) < 1e-12) {
  51. if (Math.abs(b) < 1e-12) {
  52. continue;
  53. }
  54. t = -c / b;
  55. if (t > 0 && t < 1) {
  56. tvalues.push(t);
  57. }
  58. continue;
  59. }
  60. var b2ac = b * b - 4 * c * a;
  61. var sqrtb2ac = Math.sqrt(b2ac);
  62. if (b2ac < 0) {
  63. continue;
  64. }
  65. var t1 = (-b + sqrtb2ac) / (2 * a);
  66. if (t1 > 0 && t1 < 1) {
  67. tvalues.push(t1);
  68. }
  69. var t2 = (-b - sqrtb2ac) / (2 * a);
  70. if (t2 > 0 && t2 < 1) {
  71. tvalues.push(t2);
  72. }
  73. }
  74. var j = tvalues.length;
  75. var jlen = j;
  76. var mt;
  77. while (j--) {
  78. t = tvalues[j];
  79. mt = 1 - t;
  80. bounds[0][j] = mt * mt * mt * x0 + 3 * mt * mt * t * x1 + 3 * mt * t * t * x2 + t * t * t * x3;
  81. bounds[1][j] = mt * mt * mt * y0 + 3 * mt * mt * t * y1 + 3 * mt * t * t * y2 + t * t * t * y3;
  82. }
  83. bounds[0][jlen] = x0;
  84. bounds[1][jlen] = y0;
  85. bounds[0][jlen + 1] = x3;
  86. bounds[1][jlen + 1] = y3;
  87. bounds[0].length = bounds[1].length = jlen + 2;
  88. return {
  89. min: {
  90. x: Math.min.apply(0, bounds[0]),
  91. y: Math.min.apply(0, bounds[1]),
  92. },
  93. max: {
  94. x: Math.max.apply(0, bounds[0]),
  95. y: Math.max.apply(0, bounds[1]),
  96. },
  97. };
  98. };
  99. var intersect = function (x1, y1, x2, y2, x3, y3, x4, y4) {
  100. if (Math.max(x1, x2) < Math.min(x3, x4) ||
  101. Math.min(x1, x2) > Math.max(x3, x4) ||
  102. Math.max(y1, y2) < Math.min(y3, y4) ||
  103. Math.min(y1, y2) > Math.max(y3, y4)) {
  104. return;
  105. }
  106. var nx = (x1 * y2 - y1 * x2) * (x3 - x4) - (x1 - x2) * (x3 * y4 - y3 * x4);
  107. var ny = (x1 * y2 - y1 * x2) * (y3 - y4) - (y1 - y2) * (x3 * y4 - y3 * x4);
  108. var denominator = (x1 - x2) * (y3 - y4) - (y1 - y2) * (x3 - x4);
  109. if (!denominator) {
  110. return;
  111. }
  112. var px = nx / denominator;
  113. var py = ny / denominator;
  114. var px2 = +px.toFixed(2);
  115. var py2 = +py.toFixed(2);
  116. if (px2 < +Math.min(x1, x2).toFixed(2) ||
  117. px2 > +Math.max(x1, x2).toFixed(2) ||
  118. px2 < +Math.min(x3, x4).toFixed(2) ||
  119. px2 > +Math.max(x3, x4).toFixed(2) ||
  120. py2 < +Math.min(y1, y2).toFixed(2) ||
  121. py2 > +Math.max(y1, y2).toFixed(2) ||
  122. py2 < +Math.min(y3, y4).toFixed(2) ||
  123. py2 > +Math.max(y3, y4).toFixed(2)) {
  124. return;
  125. }
  126. return {
  127. x: px,
  128. y: py,
  129. };
  130. };
  131. var isPointInsideBBox = function (bbox, x, y) {
  132. return x >= bbox.x && x <= bbox.x + bbox.width && y >= bbox.y && y <= bbox.y + bbox.height;
  133. };
  134. var box = function (x, y, width, height) {
  135. if (x === null) {
  136. x = y = width = height = 0;
  137. }
  138. if (y === null) {
  139. y = x.y;
  140. width = x.width;
  141. height = x.height;
  142. x = x.x;
  143. }
  144. return {
  145. x: x,
  146. y: y,
  147. width: width,
  148. w: width,
  149. height: height,
  150. h: height,
  151. x2: x + width,
  152. y2: y + height,
  153. cx: x + width / 2,
  154. cy: y + height / 2,
  155. r1: Math.min(width, height) / 2,
  156. r2: Math.max(width, height) / 2,
  157. r0: Math.sqrt(width * width + height * height) / 2,
  158. path: rect_path_1.default(x, y, width, height),
  159. vb: [x, y, width, height].join(' '),
  160. };
  161. };
  162. var isBBoxIntersect = function (bbox1, bbox2) {
  163. // @ts-ignore
  164. bbox1 = box(bbox1);
  165. // @ts-ignore
  166. bbox2 = box(bbox2);
  167. return (isPointInsideBBox(bbox2, bbox1.x, bbox1.y) ||
  168. isPointInsideBBox(bbox2, bbox1.x2, bbox1.y) ||
  169. isPointInsideBBox(bbox2, bbox1.x, bbox1.y2) ||
  170. isPointInsideBBox(bbox2, bbox1.x2, bbox1.y2) ||
  171. isPointInsideBBox(bbox1, bbox2.x, bbox2.y) ||
  172. isPointInsideBBox(bbox1, bbox2.x2, bbox2.y) ||
  173. isPointInsideBBox(bbox1, bbox2.x, bbox2.y2) ||
  174. isPointInsideBBox(bbox1, bbox2.x2, bbox2.y2) ||
  175. (((bbox1.x < bbox2.x2 && bbox1.x > bbox2.x) || (bbox2.x < bbox1.x2 && bbox2.x > bbox1.x)) &&
  176. ((bbox1.y < bbox2.y2 && bbox1.y > bbox2.y) || (bbox2.y < bbox1.y2 && bbox2.y > bbox1.y))));
  177. };
  178. var bezierBBox = function (p1x, p1y, c1x, c1y, c2x, c2y, p2x, p2y) {
  179. if (!lodash_es_1.isArray(p1x)) {
  180. p1x = [p1x, p1y, c1x, c1y, c2x, c2y, p2x, p2y];
  181. }
  182. var bbox = curveDim.apply(null, p1x);
  183. return box(bbox.min.x, bbox.min.y, bbox.max.x - bbox.min.x, bbox.max.y - bbox.min.y);
  184. };
  185. var findDotsAtSegment = function (p1x, p1y, c1x, c1y, c2x, c2y, p2x, p2y, t) {
  186. var t1 = 1 - t;
  187. var t13 = Math.pow(t1, 3);
  188. var t12 = Math.pow(t1, 2);
  189. var t2 = t * t;
  190. var t3 = t2 * t;
  191. var x = t13 * p1x + t12 * 3 * t * c1x + t1 * 3 * t * t * c2x + t3 * p2x;
  192. var y = t13 * p1y + t12 * 3 * t * c1y + t1 * 3 * t * t * c2y + t3 * p2y;
  193. var mx = p1x + 2 * t * (c1x - p1x) + t2 * (c2x - 2 * c1x + p1x);
  194. var my = p1y + 2 * t * (c1y - p1y) + t2 * (c2y - 2 * c1y + p1y);
  195. var nx = c1x + 2 * t * (c2x - c1x) + t2 * (p2x - 2 * c2x + c1x);
  196. var ny = c1y + 2 * t * (c2y - c1y) + t2 * (p2y - 2 * c2y + c1y);
  197. var ax = t1 * p1x + t * c1x;
  198. var ay = t1 * p1y + t * c1y;
  199. var cx = t1 * c2x + t * p2x;
  200. var cy = t1 * c2y + t * p2y;
  201. var alpha = 90 - (Math.atan2(mx - nx, my - ny) * 180) / Math.PI;
  202. // (mx > nx || my < ny) && (alpha += 180);
  203. return {
  204. x: x,
  205. y: y,
  206. m: {
  207. x: mx,
  208. y: my,
  209. },
  210. n: {
  211. x: nx,
  212. y: ny,
  213. },
  214. start: {
  215. x: ax,
  216. y: ay,
  217. },
  218. end: {
  219. x: cx,
  220. y: cy,
  221. },
  222. alpha: alpha,
  223. };
  224. };
  225. var interHelper = function (bez1, bez2, justCount) {
  226. // @ts-ignore
  227. var bbox1 = bezierBBox(bez1);
  228. // @ts-ignore
  229. var bbox2 = bezierBBox(bez2);
  230. if (!isBBoxIntersect(bbox1, bbox2)) {
  231. return justCount ? 0 : [];
  232. }
  233. var l1 = bezlen.apply(0, bez1);
  234. var l2 = bezlen.apply(0, bez2);
  235. var n1 = ~~(l1 / 8);
  236. var n2 = ~~(l2 / 8);
  237. var dots1 = [];
  238. var dots2 = [];
  239. var xy = {};
  240. var res = justCount ? 0 : [];
  241. for (var i = 0; i < n1 + 1; i++) {
  242. var d = findDotsAtSegment.apply(0, bez1.concat(i / n1));
  243. dots1.push({
  244. x: d.x,
  245. y: d.y,
  246. t: i / n1,
  247. });
  248. }
  249. for (var i = 0; i < n2 + 1; i++) {
  250. var d = findDotsAtSegment.apply(0, bez2.concat(i / n2));
  251. dots2.push({
  252. x: d.x,
  253. y: d.y,
  254. t: i / n2,
  255. });
  256. }
  257. for (var i = 0; i < n1; i++) {
  258. for (var j = 0; j < n2; j++) {
  259. var di = dots1[i];
  260. var di1 = dots1[i + 1];
  261. var dj = dots2[j];
  262. var dj1 = dots2[j + 1];
  263. var ci = Math.abs(di1.x - di.x) < 0.001 ? 'y' : 'x';
  264. var cj = Math.abs(dj1.x - dj.x) < 0.001 ? 'y' : 'x';
  265. var is = intersect(di.x, di.y, di1.x, di1.y, dj.x, dj.y, dj1.x, dj1.y);
  266. if (is) {
  267. if (xy[is.x.toFixed(4)] === is.y.toFixed(4)) {
  268. continue;
  269. }
  270. xy[is.x.toFixed(4)] = is.y.toFixed(4);
  271. var t1 = di.t + Math.abs((is[ci] - di[ci]) / (di1[ci] - di[ci])) * (di1.t - di.t);
  272. var t2 = dj.t + Math.abs((is[cj] - dj[cj]) / (dj1[cj] - dj[cj])) * (dj1.t - dj.t);
  273. if (t1 >= 0 && t1 <= 1 && t2 >= 0 && t2 <= 1) {
  274. if (justCount) {
  275. // @ts-ignore
  276. res++;
  277. }
  278. else {
  279. // @ts-ignore
  280. res.push({
  281. x: is.x,
  282. y: is.y,
  283. t1: t1,
  284. t2: t2,
  285. });
  286. }
  287. }
  288. }
  289. }
  290. }
  291. return res;
  292. };
  293. var interPathHelper = function (path1, path2, justCount) {
  294. // @ts-ignore
  295. path1 = path_2_curve_1.default(path1);
  296. // @ts-ignore
  297. path2 = path_2_curve_1.default(path2);
  298. var x1;
  299. var y1;
  300. var x2;
  301. var y2;
  302. var x1m;
  303. var y1m;
  304. var x2m;
  305. var y2m;
  306. var bez1;
  307. var bez2;
  308. var res = justCount ? 0 : [];
  309. for (var i = 0, ii = path1.length; i < ii; i++) {
  310. var pi = path1[i];
  311. if (pi[0] === 'M') {
  312. x1 = x1m = pi[1];
  313. y1 = y1m = pi[2];
  314. }
  315. else {
  316. if (pi[0] === 'C') {
  317. bez1 = [x1, y1].concat(pi.slice(1));
  318. x1 = bez1[6];
  319. y1 = bez1[7];
  320. }
  321. else {
  322. bez1 = [x1, y1, x1, y1, x1m, y1m, x1m, y1m];
  323. x1 = x1m;
  324. y1 = y1m;
  325. }
  326. for (var j = 0, jj = path2.length; j < jj; j++) {
  327. var pj = path2[j];
  328. if (pj[0] === 'M') {
  329. x2 = x2m = pj[1];
  330. y2 = y2m = pj[2];
  331. }
  332. else {
  333. if (pj[0] === 'C') {
  334. bez2 = [x2, y2].concat(pj.slice(1));
  335. x2 = bez2[6];
  336. y2 = bez2[7];
  337. }
  338. else {
  339. bez2 = [x2, y2, x2, y2, x2m, y2m, x2m, y2m];
  340. x2 = x2m;
  341. y2 = y2m;
  342. }
  343. var intr = interHelper(bez1, bez2, justCount);
  344. if (justCount) {
  345. // @ts-ignore
  346. res += intr;
  347. }
  348. else {
  349. // @ts-ignore
  350. for (var k = 0, kk = intr.length; k < kk; k++) {
  351. intr[k].segment1 = i;
  352. intr[k].segment2 = j;
  353. intr[k].bez1 = bez1;
  354. intr[k].bez2 = bez2;
  355. }
  356. // @ts-ignore
  357. res = res.concat(intr);
  358. }
  359. }
  360. }
  361. }
  362. }
  363. return res;
  364. };
  365. function pathIntersection(path1, path2) {
  366. // @ts-ignore
  367. return interPathHelper(path1, path2);
  368. }
  369. exports.default = pathIntersection;
  370. //# sourceMappingURL=path-intersection.js.map