\n \n ![](\"${presetConfigs[i].src}\" "\\"${presetConfigs[i].source}\\"")
\n \n
\n ${presetConfigs[i].credit}
`;\n }\n}\n\n// Function to load a given config WITHOUT restarting\nfunction loadConfig(config) {\n mode = config.mode;\n clustering_mode = config.clustering_mode;\n clustering_hierarchical = config.clustering_hierarchical;\n\n globalcorner = config.corner_threshold;\n document.getElementById('cornervalue').innerHTML = globalcorner;\n document.getElementById('corner').value = globalcorner;\n \n globallength = config.length_threshold;\n document.getElementById('lengthvalue').innerHTML = globallength;\n document.getElementById('length').value = globallength;\n \n globalsplice = config.splice_threshold;\n document.getElementById('splicevalue').innerHTML = globalsplice;\n document.getElementById('splice').value = globalsplice;\n\n globalfilterspeckle = config.filter_speckle;\n document.getElementById('filterspecklevalue').innerHTML = globalfilterspeckle;\n document.getElementById('filterspeckle').value = globalfilterspeckle;\n\n globalcolorprecision = config.color_precision;\n document.getElementById('colorprecisionvalue').innerHTML = globalcolorprecision;\n document.getElementById('colorprecision').value = globalcolorprecision;\n\n globallayerdifference = config.layer_difference;\n document.getElementById('layerdifferencevalue').innerHTML = globallayerdifference;\n document.getElementById('layerdifference').value = globallayerdifference;\n\n globalpathprecision = config.path_precision;\n document.getElementById('pathprecisionvalue').innerHTML = globalpathprecision;\n document.getElementById('pathprecision').value = globalpathprecision;\n}\n\n// Choose template from gallery\nlet chooseGalleryButtons = document.querySelectorAll('.galleryitem a');\nchooseGalleryButtons.forEach(item => {\n item.addEventListener('click', function (e) {\n // Load preset template config\n let i = Array.prototype.indexOf.call(chooseGalleryButtons, item);\n if (presetConfigs.length > i) {\n loadConfig(presetConfigs[i]);\n }\n\n // Set source as specified\n setSourceAndRestart(this.firstElementChild.src);\n });\n});\n\n// Upload button\nvar imageSelect = document.getElementById('imageSelect'),\nimageInput = document.getElementById('imageInput'); \nimageSelect.addEventListener('click', function (e) {\n imageInput.click();\n e.preventDefault();\n});\n\nimageInput.addEventListener('change', function (e) {\n setSourceAndRestart(this.files[0]);\n});\n\n// Drag-n-Drop\nvar drop = document.getElementById('drop');\nvar droptext = document.getElementById('droptext');\ndrop.addEventListener('dragenter', function (e) {\n if (e.preventDefault) e.preventDefault();\n e.dataTransfer.dropEffect = 'copy';\n droptext.classList.add('hovering');\n return false;\n});\n\ndrop.addEventListener('dragleave', function (e) {\n if (e.preventDefault) e.preventDefault();\n e.dataTransfer.dropEffect = 'copy';\n droptext.classList.remove('hovering');\n return false;\n});\n\ndrop.addEventListener('dragover', function (e) {\n if (e.preventDefault) e.preventDefault();\n e.dataTransfer.dropEffect = 'copy';\n droptext.classList.add('hovering');\n return false;\n});\n\ndrop.addEventListener('drop', function (e) {\n if (e.preventDefault) e.preventDefault();\n droptext.classList.remove('hovering');\n setSourceAndRestart(e.dataTransfer.files[0]);\n return false;\n});\n\n// Get Input from UI controls\nvar globalcorner = parseInt(document.getElementById('corner').value),\n globallength = parseFloat(document.getElementById('length').value),\n globalsplice = parseInt(document.getElementById('splice').value),\n globalfilterspeckle = parseInt(document.getElementById('filterspeckle').value),\n globalcolorprecision = parseInt(document.getElementById('colorprecision').value),\n globallayerdifference = parseInt(document.getElementById('layerdifference').value),\n globalpathprecision = parseInt(document.getElementById('pathprecision').value);\n\n// Load past inputs from localStorage\n/*\nif (localStorage.VSsettings) {\n var settings = JSON.parse(localStorage.VSsettings);\n document.getElementById('cornervalue').innerHTML = document.getElementById('corner').value = globalcorner = settings.globalcorner;\n document.getElementById('lengthvalue').innerHTML = document.getElementById('length').value = globallength = settings.globallength;\n document.getElementById('splicevalue').innerHTML = document.getElementById('splice').value = globalsplice = settings.globalsplice;\n}\n*/\n\ndocument.getElementById('none').addEventListener('click', function (e) {\n mode = 'none';\n restart();\n}, false);\n\ndocument.getElementById('polygon').addEventListener('click', function (e) {\n mode = 'polygon';\n restart();\n}, false);\n\ndocument.getElementById('spline').addEventListener('click', function (e) {\n mode = 'spline';\n restart();\n}, false);\n\ndocument.getElementById('clustering-binary').addEventListener('click', function (e) {\n clustering_mode = 'binary';\n restart();\n}, false);\n\ndocument.getElementById('clustering-color').addEventListener('click', function (e) {\n clustering_mode = 'color';\n restart();\n}, false);\n\ndocument.getElementById('clustering-cutout').addEventListener('click', function (e) {\n clustering_hierarchical = 'cutout';\n restart();\n}, false);\n\ndocument.getElementById('clustering-stacked').addEventListener('click', function (e) {\n clustering_hierarchical = 'stacked';\n restart();\n}, false);\n\ndocument.getElementById('filterspeckle').addEventListener('change', function (e) {\n globalfilterspeckle = parseInt(this.value);\n document.getElementById('filterspecklevalue').innerHTML = this.value;\n restart();\n});\n\ndocument.getElementById('colorprecision').addEventListener('change', function (e) {\n globalcolorprecision = parseInt(this.value);\n document.getElementById('colorprecisionvalue').innerHTML = this.value;\n restart();\n});\n\ndocument.getElementById('layerdifference').addEventListener('change', function (e) {\n globallayerdifference = parseInt(this.value);\n document.getElementById('layerdifferencevalue').innerHTML = this.value;\n restart();\n});\n\ndocument.getElementById('corner').addEventListener('change', function (e) {\n globalcorner = parseInt(this.value);\n document.getElementById('cornervalue').innerHTML = this.value;\n restart();\n});\n\ndocument.getElementById('length').addEventListener('change', function (e) {\n globallength = parseFloat(this.value);\n document.getElementById('lengthvalue').innerHTML = this.value;\n restart();\n});\n\ndocument.getElementById('splice').addEventListener('change', function (e) {\n globalsplice = parseInt(this.value);\n document.getElementById('splicevalue').innerHTML = this.value;\n restart();\n});\n\ndocument.getElementById('pathprecision').addEventListener('change', function (e) {\n globalpathprecision = parseInt(this.value);\n document.getElementById('pathprecisionvalue').innerHTML = this.value;\n restart();\n});\n\n// Save inputs before unloading\n/*\nwindow.addEventListener('beforeunload', function () {\n localStorage.VSsettings = JSON.stringify({\n globalcorner: globalcorner,\n globallength: globallength,\n globalsplice: globalsplice,\n });\n});\n*/\n\nfunction setSourceAndRestart(source) {\n img.src = source instanceof File ? URL.createObjectURL(source) : source;\n img.onload = function () {\n const width = img.naturalWidth, height = img.naturalHeight;\n svg.setAttribute('viewBox', `0 0 ${width} ${height}`);\n canvas.width = img.naturalWidth;\n canvas.height = img.naturalHeight;\n if (height > width) {\n document.getElementById('canvas-container').style.width = '50%';\n document.getElementById('canvas-container').style.marginBottom = (height / width * 50) + '%';\n } else {\n document.getElementById('canvas-container').style.width = '';\n document.getElementById('canvas-container').style.marginBottom = (height / width * 100) + '%';\n }\n ctx.drawImage(img, 0, 0, canvas.width, canvas.height);\n ctx.getImageData(0, 0, canvas.width, canvas.height);\n restart();\n }\n // Show display\n canvas.style.display = 'block';\n svg.style.display = 'block';\n // Hide upload text\n droptext.style.display = 'none';\n}\n\nfunction restart() {\n document.getElementById('clustering-binary').classList.remove('selected');\n document.getElementById('clustering-color').classList.remove('selected');\n document.getElementById('clustering-' + clustering_mode).classList.add('selected');\n Array.from(document.getElementsByClassName('clustering-color-options')).forEach((el) => {\n el.style.display = clustering_mode == 'color' ? '' : 'none';\n });\n\n document.getElementById('clustering-cutout').classList.remove('selected');\n document.getElementById('clustering-stacked').classList.remove('selected');\n document.getElementById('clustering-' + clustering_hierarchical).classList.add('selected');\n\n document.getElementById('none').classList.remove('selected');\n document.getElementById('polygon').classList.remove('selected');\n document.getElementById('spline').classList.remove('selected');\n document.getElementById(mode).classList.add('selected');\n Array.from(document.getElementsByClassName('spline-options')).forEach((el) => {\n el.style.display = mode == 'spline' ? '' : 'none';\n });\n\n if (!img.src) {\n return;\n }\n while (svg.firstChild) {\n svg.removeChild(svg.firstChild);\n }\n ctx.clearRect(0, 0, canvas.width, canvas.height);\n ctx.drawImage(img, 0, 0);\n let converter_params = JSON.stringify({\n 'canvas_id': canvas.id,\n 'svg_id': svg.id,\n 'mode': mode,\n 'clustering_mode': clustering_mode,\n 'hierarchical': clustering_hierarchical,\n 'corner_threshold': deg2rad(globalcorner),\n 'length_threshold': globallength,\n 'max_iterations': 10,\n 'splice_threshold': deg2rad(globalsplice),\n 'filter_speckle': globalfilterspeckle*globalfilterspeckle,\n 'color_precision': 8-globalcolorprecision,\n 'layer_difference': globallayerdifference,\n 'path_precision': globalpathprecision,\n });\n if (runner) {\n runner.stop();\n }\n runner = new ConverterRunner(converter_params);\n progress.value = 0;\n progressregion.style.display = 'block';\n runner.run();\n}\n\nfunction deg2rad(deg) {\n return deg/180*3.141592654;\n}\n\nclass ConverterRunner {\n constructor (converter_params) {\n this.converter =\n clustering_mode == 'color' ?\n vtracer__WEBPACK_IMPORTED_MODULE_0__[\"ColorImageConverter\"].new_with_string(converter_params):\n vtracer__WEBPACK_IMPORTED_MODULE_0__[\"BinaryImageConverter\"].new_with_string(converter_params);\n this.converter.init();\n this.stopped = false;\n if (clustering_mode == 'binary') {\n svg.style.background = '#000';\n canvas.style.display = 'none';\n } else {\n svg.style.background = '';\n canvas.style.display = '';\n }\n canvas.style.opacity = '';\n }\n\n run () {\n const This = this;\n setTimeout(function tick () {\n if (!This.stopped) {\n let done = false;\n const startTick = performance.now();\n while (!(done = This.converter.tick()) &&\n performance.now() - startTick < 25) {\n }\n progress.value = This.converter.progress();\n if (progress.value >= 50) {\n canvas.style.display = 'none';\n } else {\n canvas.style.opacity = (50 - progress.value) / 25;\n }\n if (progress.value >= progress.max) {\n progressregion.style.display = 'none';\n progress.value = 0;\n }\n if (!done) {\n setTimeout(tick, 1);\n }\n }\n }, 1);\n }\n\n stop () {\n this.stopped = true;\n this.converter.free();\n }\n}\n\n//# sourceURL=webpack:///./index.js?"); - -/***/ }), - -/***/ "./node_modules/webpack/buildin/global.js": -/*!***********************************!*\ - !*** (webpack)/buildin/global.js ***! - \***********************************/ -/*! no static exports found */ -/***/ (function(module, exports) { - -eval("var g;\n\n// This works in non-strict mode\ng = (function() {\n\treturn this;\n})();\n\ntry {\n\t// This works if eval is allowed (see CSP)\n\tg = g || new Function(\"return this\")();\n} catch (e) {\n\t// This works if the window reference is available\n\tif (typeof window === \"object\") g = window;\n}\n\n// g can still be undefined, but nothing to do about it...\n// We return undefined, instead of nothing here, so it's\n// easier to handle this case. if(!global) { ...}\n\nmodule.exports = g;\n\n\n//# sourceURL=webpack:///(webpack)/buildin/global.js?"); - -/***/ }), - -/***/ "./node_modules/webpack/buildin/harmony-module.js": -/*!*******************************************!*\ - !*** (webpack)/buildin/harmony-module.js ***! - \*******************************************/ -/*! no static exports found */ -/***/ (function(module, exports) { - -eval("module.exports = function(originalModule) {\n\tif (!originalModule.webpackPolyfill) {\n\t\tvar module = Object.create(originalModule);\n\t\t// module.parent = undefined by default\n\t\tif (!module.children) module.children = [];\n\t\tObject.defineProperty(module, \"loaded\", {\n\t\t\tenumerable: true,\n\t\t\tget: function() {\n\t\t\t\treturn module.l;\n\t\t\t}\n\t\t});\n\t\tObject.defineProperty(module, \"id\", {\n\t\t\tenumerable: true,\n\t\t\tget: function() {\n\t\t\t\treturn module.i;\n\t\t\t}\n\t\t});\n\t\tObject.defineProperty(module, \"exports\", {\n\t\t\tenumerable: true\n\t\t});\n\t\tmodule.webpackPolyfill = 1;\n\t}\n\treturn module;\n};\n\n\n//# sourceURL=webpack:///(webpack)/buildin/harmony-module.js?"); - -/***/ }) - -}]); \ No newline at end of file diff --git a/docs/589cb57662b50620abca.module.wasm b/docs/589cb57662b50620abca.module.wasm deleted file mode 100644 index 515640e..0000000 Binary files a/docs/589cb57662b50620abca.module.wasm and /dev/null differ diff --git a/docs/COPYRIGHT b/docs/COPYRIGHT deleted file mode 100644 index feba84e..0000000 --- a/docs/COPYRIGHT +++ /dev/null @@ -1,3 +0,0 @@ -Copyright (c) 2020 Tsang Hao Fung - -The content in the /docs directory is for GitHub pages, and is not covered under open source licenses. diff --git a/docs/assets/samples/46.svg b/docs/assets/samples/46.svg deleted file mode 100644 index 90aafa5..0000000 --- a/docs/assets/samples/46.svg +++ /dev/null @@ -1,543 +0,0 @@ - - - - diff --git a/docs/assets/samples/sources.json b/docs/assets/samples/sources.json new file mode 100644 index 0000000..b877900 --- /dev/null +++ b/docs/assets/samples/sources.json @@ -0,0 +1,32 @@ +[ + { + "src": "assets/samples/K1_drawing.jpg", + "source": "https://commons.wikimedia.org/wiki/File:K1_drawing.jpg", + "credit": "Wikimedia" + }, + { + "src": "assets/samples/Cityscape Sunset_DFM3-01.jpg", + "source": "https://www.vecteezy.com/vector-art/227400-beautiful-cityscape-at-sunset", + "credit": "Building Vectors by Vecteezy" + }, + { + "src": "assets/samples/Gum Tree Vector.jpg", + "source": "https://www.vecteezy.com/vector-art/172177-gum-tree-vector", + "credit": "Nature Vectors by Vecteezy" + }, + { + "src": "assets/samples/vectorstock_31191940.png", + "source": "https://www.vectorstock.com/royalty-free-vector/dessert-poster-design-with-chocolate-cake-mousses-vector-31191940", + "credit": "Vector image by VectorStock / vectorstock" + }, + { + "src": "assets/samples/angel-luciano-LATYeZyw88c-unsplash-s.jpg", + "source": "https://unsplash.com/photos/LATYeZyw88c", + "credit": "Photo by Angel Luciano on Unsplash" + }, + { + "src": "assets/samples/tank-unit-preview.png", + "source": "https://opengameart.org/content/sideview-sci-fi-patreon-collection", + "credit": "Artwork by Luis Zuno on opengameart.org" + } +] diff --git a/docs/bootstrap.js b/docs/bootstrap.js deleted file mode 100644 index f06b67e..0000000 --- a/docs/bootstrap.js +++ /dev/null @@ -1,366 +0,0 @@ -/******/ (function(modules) { // webpackBootstrap -/******/ // install a JSONP callback for chunk loading -/******/ function webpackJsonpCallback(data) { -/******/ var chunkIds = data[0]; -/******/ var moreModules = data[1]; -/******/ -/******/ -/******/ // add "moreModules" to the modules object, -/******/ // then flag all "chunkIds" as loaded and fire callback -/******/ var moduleId, chunkId, i = 0, resolves = []; -/******/ for(;i < chunkIds.length; i++) { -/******/ chunkId = chunkIds[i]; -/******/ if(Object.prototype.hasOwnProperty.call(installedChunks, chunkId) && installedChunks[chunkId]) { -/******/ resolves.push(installedChunks[chunkId][0]); -/******/ } -/******/ installedChunks[chunkId] = 0; -/******/ } -/******/ for(moduleId in moreModules) { -/******/ if(Object.prototype.hasOwnProperty.call(moreModules, moduleId)) { -/******/ modules[moduleId] = moreModules[moduleId]; -/******/ } -/******/ } -/******/ if(parentJsonpFunction) parentJsonpFunction(data); -/******/ -/******/ while(resolves.length) { -/******/ resolves.shift()(); -/******/ } -/******/ -/******/ }; -/******/ -/******/ -/******/ // The module cache -/******/ var installedModules = {}; -/******/ -/******/ // object to store loaded and loading chunks -/******/ // undefined = chunk not loaded, null = chunk preloaded/prefetched -/******/ // Promise = chunk loading, 0 = chunk loaded -/******/ var installedChunks = { -/******/ "main": 0 -/******/ }; -/******/ -/******/ -/******/ -/******/ // script path function -/******/ function jsonpScriptSrc(chunkId) { -/******/ return __webpack_require__.p + "" + chunkId + ".bootstrap.js" -/******/ } -/******/ -/******/ // object to store loaded and loading wasm modules -/******/ var installedWasmModules = {}; -/******/ -/******/ function promiseResolve() { return Promise.resolve(); } -/******/ -/******/ var wasmImportObjects = { -/******/ "../pkg/vtracer_webapp_bg.wasm": function() { -/******/ return { -/******/ "./vtracer_webapp_bg.js": { -/******/ "__wbindgen_object_drop_ref": function(p0i32) { -/******/ return installedModules["../pkg/vtracer_webapp_bg.js"].exports["__wbindgen_object_drop_ref"](p0i32); -/******/ }, -/******/ "__wbindgen_string_new": function(p0i32,p1i32) { -/******/ return installedModules["../pkg/vtracer_webapp_bg.js"].exports["__wbindgen_string_new"](p0i32,p1i32); -/******/ }, -/******/ "__wbg_new_59cb74e423758ede": function() { -/******/ return installedModules["../pkg/vtracer_webapp_bg.js"].exports["__wbg_new_59cb74e423758ede"](); -/******/ }, -/******/ "__wbg_stack_558ba5917b466edd": function(p0i32,p1i32) { -/******/ return installedModules["../pkg/vtracer_webapp_bg.js"].exports["__wbg_stack_558ba5917b466edd"](p0i32,p1i32); -/******/ }, -/******/ "__wbg_error_4bb6c2a97407129a": function(p0i32,p1i32) { -/******/ return installedModules["../pkg/vtracer_webapp_bg.js"].exports["__wbg_error_4bb6c2a97407129a"](p0i32,p1i32); -/******/ }, -/******/ "__wbg_instanceof_Window_adf3196bdc02b386": function(p0i32) { -/******/ return installedModules["../pkg/vtracer_webapp_bg.js"].exports["__wbg_instanceof_Window_adf3196bdc02b386"](p0i32); -/******/ }, -/******/ "__wbg_document_6cc8d0b87c0a99b9": function(p0i32) { -/******/ return installedModules["../pkg/vtracer_webapp_bg.js"].exports["__wbg_document_6cc8d0b87c0a99b9"](p0i32); -/******/ }, -/******/ "__wbg_createElementNS_ea14cb45a87a0719": function(p0i32,p1i32,p2i32,p3i32,p4i32) { -/******/ return installedModules["../pkg/vtracer_webapp_bg.js"].exports["__wbg_createElementNS_ea14cb45a87a0719"](p0i32,p1i32,p2i32,p3i32,p4i32); -/******/ }, -/******/ "__wbg_getElementById_0cb6ad9511b1efc0": function(p0i32,p1i32,p2i32) { -/******/ return installedModules["../pkg/vtracer_webapp_bg.js"].exports["__wbg_getElementById_0cb6ad9511b1efc0"](p0i32,p1i32,p2i32); -/******/ }, -/******/ "__wbg_setAttribute_727bdb9763037624": function(p0i32,p1i32,p2i32,p3i32,p4i32) { -/******/ return installedModules["../pkg/vtracer_webapp_bg.js"].exports["__wbg_setAttribute_727bdb9763037624"](p0i32,p1i32,p2i32,p3i32,p4i32); -/******/ }, -/******/ "__wbg_prepend_fa995bb42f6e2983": function(p0i32,p1i32) { -/******/ return installedModules["../pkg/vtracer_webapp_bg.js"].exports["__wbg_prepend_fa995bb42f6e2983"](p0i32,p1i32); -/******/ }, -/******/ "__wbg_debug_d101e002eb92f20b": function(p0i32,p1i32,p2i32,p3i32) { -/******/ return installedModules["../pkg/vtracer_webapp_bg.js"].exports["__wbg_debug_d101e002eb92f20b"](p0i32,p1i32,p2i32,p3i32); -/******/ }, -/******/ "__wbg_error_cb872335132b1ef7": function(p0i32,p1i32,p2i32,p3i32) { -/******/ return installedModules["../pkg/vtracer_webapp_bg.js"].exports["__wbg_error_cb872335132b1ef7"](p0i32,p1i32,p2i32,p3i32); -/******/ }, -/******/ "__wbg_info_a25afde0ff8cd04a": function(p0i32,p1i32,p2i32,p3i32) { -/******/ return installedModules["../pkg/vtracer_webapp_bg.js"].exports["__wbg_info_a25afde0ff8cd04a"](p0i32,p1i32,p2i32,p3i32); -/******/ }, -/******/ "__wbg_log_3bafd82835c6de6d": function(p0i32) { -/******/ return installedModules["../pkg/vtracer_webapp_bg.js"].exports["__wbg_log_3bafd82835c6de6d"](p0i32); -/******/ }, -/******/ "__wbg_log_64f566ae90a6c43c": function(p0i32,p1i32,p2i32,p3i32) { -/******/ return installedModules["../pkg/vtracer_webapp_bg.js"].exports["__wbg_log_64f566ae90a6c43c"](p0i32,p1i32,p2i32,p3i32); -/******/ }, -/******/ "__wbg_warn_f632d7d3f55682b6": function(p0i32,p1i32,p2i32,p3i32) { -/******/ return installedModules["../pkg/vtracer_webapp_bg.js"].exports["__wbg_warn_f632d7d3f55682b6"](p0i32,p1i32,p2i32,p3i32); -/******/ }, -/******/ "__wbg_instanceof_CanvasRenderingContext2d_5b86ec94bce38d5b": function(p0i32) { -/******/ return installedModules["../pkg/vtracer_webapp_bg.js"].exports["__wbg_instanceof_CanvasRenderingContext2d_5b86ec94bce38d5b"](p0i32); -/******/ }, -/******/ "__wbg_getImageData_888c08c04395524a": function(p0i32,p1f64,p2f64,p3f64,p4f64) { -/******/ return installedModules["../pkg/vtracer_webapp_bg.js"].exports["__wbg_getImageData_888c08c04395524a"](p0i32,p1f64,p2f64,p3f64,p4f64); -/******/ }, -/******/ "__wbg_instanceof_HtmlCanvasElement_4f5b5ec6cd53ccf3": function(p0i32) { -/******/ return installedModules["../pkg/vtracer_webapp_bg.js"].exports["__wbg_instanceof_HtmlCanvasElement_4f5b5ec6cd53ccf3"](p0i32); -/******/ }, -/******/ "__wbg_width_a22f9855caa54b53": function(p0i32) { -/******/ return installedModules["../pkg/vtracer_webapp_bg.js"].exports["__wbg_width_a22f9855caa54b53"](p0i32); -/******/ }, -/******/ "__wbg_height_9a404a6b3c61c7ef": function(p0i32) { -/******/ return installedModules["../pkg/vtracer_webapp_bg.js"].exports["__wbg_height_9a404a6b3c61c7ef"](p0i32); -/******/ }, -/******/ "__wbg_getContext_37ca0870acb096d9": function(p0i32,p1i32,p2i32) { -/******/ return installedModules["../pkg/vtracer_webapp_bg.js"].exports["__wbg_getContext_37ca0870acb096d9"](p0i32,p1i32,p2i32); -/******/ }, -/******/ "__wbg_data_c2cd7a48734589b2": function(p0i32,p1i32) { -/******/ return installedModules["../pkg/vtracer_webapp_bg.js"].exports["__wbg_data_c2cd7a48734589b2"](p0i32,p1i32); -/******/ }, -/******/ "__wbg_call_8e95613cc6524977": function(p0i32,p1i32) { -/******/ return installedModules["../pkg/vtracer_webapp_bg.js"].exports["__wbg_call_8e95613cc6524977"](p0i32,p1i32); -/******/ }, -/******/ "__wbindgen_object_clone_ref": function(p0i32) { -/******/ return installedModules["../pkg/vtracer_webapp_bg.js"].exports["__wbindgen_object_clone_ref"](p0i32); -/******/ }, -/******/ "__wbg_newnoargs_f3b8a801d5d4b079": function(p0i32,p1i32) { -/******/ return installedModules["../pkg/vtracer_webapp_bg.js"].exports["__wbg_newnoargs_f3b8a801d5d4b079"](p0i32,p1i32); -/******/ }, -/******/ "__wbg_self_07b2f89e82ceb76d": function() { -/******/ return installedModules["../pkg/vtracer_webapp_bg.js"].exports["__wbg_self_07b2f89e82ceb76d"](); -/******/ }, -/******/ "__wbg_window_ba85d88572adc0dc": function() { -/******/ return installedModules["../pkg/vtracer_webapp_bg.js"].exports["__wbg_window_ba85d88572adc0dc"](); -/******/ }, -/******/ "__wbg_globalThis_b9277fc37e201fe5": function() { -/******/ return installedModules["../pkg/vtracer_webapp_bg.js"].exports["__wbg_globalThis_b9277fc37e201fe5"](); -/******/ }, -/******/ "__wbg_global_e16303fe83e1d57f": function() { -/******/ return installedModules["../pkg/vtracer_webapp_bg.js"].exports["__wbg_global_e16303fe83e1d57f"](); -/******/ }, -/******/ "__wbindgen_is_undefined": function(p0i32) { -/******/ return installedModules["../pkg/vtracer_webapp_bg.js"].exports["__wbindgen_is_undefined"](p0i32); -/******/ }, -/******/ "__wbindgen_debug_string": function(p0i32,p1i32) { -/******/ return installedModules["../pkg/vtracer_webapp_bg.js"].exports["__wbindgen_debug_string"](p0i32,p1i32); -/******/ }, -/******/ "__wbindgen_throw": function(p0i32,p1i32) { -/******/ return installedModules["../pkg/vtracer_webapp_bg.js"].exports["__wbindgen_throw"](p0i32,p1i32); -/******/ } -/******/ } -/******/ }; -/******/ }, -/******/ }; -/******/ -/******/ // The require function -/******/ function __webpack_require__(moduleId) { -/******/ -/******/ // Check if module is in cache -/******/ if(installedModules[moduleId]) { -/******/ return installedModules[moduleId].exports; -/******/ } -/******/ // Create a new module (and put it into the cache) -/******/ var module = installedModules[moduleId] = { -/******/ i: moduleId, -/******/ l: false, -/******/ exports: {} -/******/ }; -/******/ -/******/ // Execute the module function -/******/ modules[moduleId].call(module.exports, module, module.exports, __webpack_require__); -/******/ -/******/ // Flag the module as loaded -/******/ module.l = true; -/******/ -/******/ // Return the exports of the module -/******/ return module.exports; -/******/ } -/******/ -/******/ // This file contains only the entry chunk. -/******/ // The chunk loading function for additional chunks -/******/ __webpack_require__.e = function requireEnsure(chunkId) { -/******/ var promises = []; -/******/ -/******/ -/******/ // JSONP chunk loading for javascript -/******/ -/******/ var installedChunkData = installedChunks[chunkId]; -/******/ if(installedChunkData !== 0) { // 0 means "already installed". -/******/ -/******/ // a Promise means "currently loading". -/******/ if(installedChunkData) { -/******/ promises.push(installedChunkData[2]); -/******/ } else { -/******/ // setup Promise in chunk cache -/******/ var promise = new Promise(function(resolve, reject) { -/******/ installedChunkData = installedChunks[chunkId] = [resolve, reject]; -/******/ }); -/******/ promises.push(installedChunkData[2] = promise); -/******/ -/******/ // start chunk loading -/******/ var script = document.createElement('script'); -/******/ var onScriptComplete; -/******/ -/******/ script.charset = 'utf-8'; -/******/ script.timeout = 120; -/******/ if (__webpack_require__.nc) { -/******/ script.setAttribute("nonce", __webpack_require__.nc); -/******/ } -/******/ script.src = jsonpScriptSrc(chunkId); -/******/ -/******/ // create error before stack unwound to get useful stacktrace later -/******/ var error = new Error(); -/******/ onScriptComplete = function (event) { -/******/ // avoid mem leaks in IE. -/******/ script.onerror = script.onload = null; -/******/ clearTimeout(timeout); -/******/ var chunk = installedChunks[chunkId]; -/******/ if(chunk !== 0) { -/******/ if(chunk) { -/******/ var errorType = event && (event.type === 'load' ? 'missing' : event.type); -/******/ var realSrc = event && event.target && event.target.src; -/******/ error.message = 'Loading chunk ' + chunkId + ' failed.\n(' + errorType + ': ' + realSrc + ')'; -/******/ error.name = 'ChunkLoadError'; -/******/ error.type = errorType; -/******/ error.request = realSrc; -/******/ chunk[1](error); -/******/ } -/******/ installedChunks[chunkId] = undefined; -/******/ } -/******/ }; -/******/ var timeout = setTimeout(function(){ -/******/ onScriptComplete({ type: 'timeout', target: script }); -/******/ }, 120000); -/******/ script.onerror = script.onload = onScriptComplete; -/******/ document.head.appendChild(script); -/******/ } -/******/ } -/******/ -/******/ // Fetch + compile chunk loading for webassembly -/******/ -/******/ var wasmModules = {"0":["../pkg/vtracer_webapp_bg.wasm"]}[chunkId] || []; -/******/ -/******/ wasmModules.forEach(function(wasmModuleId) { -/******/ var installedWasmModuleData = installedWasmModules[wasmModuleId]; -/******/ -/******/ // a Promise means "currently loading" or "already loaded". -/******/ if(installedWasmModuleData) -/******/ promises.push(installedWasmModuleData); -/******/ else { -/******/ var importObject = wasmImportObjects[wasmModuleId](); -/******/ var req = fetch(__webpack_require__.p + "" + {"../pkg/vtracer_webapp_bg.wasm":"589cb57662b50620abca"}[wasmModuleId] + ".module.wasm"); -/******/ var promise; -/******/ if(importObject instanceof Promise && typeof WebAssembly.compileStreaming === 'function') { -/******/ promise = Promise.all([WebAssembly.compileStreaming(req), importObject]).then(function(items) { -/******/ return WebAssembly.instantiate(items[0], items[1]); -/******/ }); -/******/ } else if(typeof WebAssembly.instantiateStreaming === 'function') { -/******/ promise = WebAssembly.instantiateStreaming(req, importObject); -/******/ } else { -/******/ var bytesPromise = req.then(function(x) { return x.arrayBuffer(); }); -/******/ promise = bytesPromise.then(function(bytes) { -/******/ return WebAssembly.instantiate(bytes, importObject); -/******/ }); -/******/ } -/******/ promises.push(installedWasmModules[wasmModuleId] = promise.then(function(res) { -/******/ return __webpack_require__.w[wasmModuleId] = (res.instance || res).exports; -/******/ })); -/******/ } -/******/ }); -/******/ return Promise.all(promises); -/******/ }; -/******/ -/******/ // expose the modules object (__webpack_modules__) -/******/ __webpack_require__.m = modules; -/******/ -/******/ // expose the module cache -/******/ __webpack_require__.c = installedModules; -/******/ -/******/ // define getter function for harmony exports -/******/ __webpack_require__.d = function(exports, name, getter) { -/******/ if(!__webpack_require__.o(exports, name)) { -/******/ Object.defineProperty(exports, name, { enumerable: true, get: getter }); -/******/ } -/******/ }; -/******/ -/******/ // define __esModule on exports -/******/ __webpack_require__.r = function(exports) { -/******/ if(typeof Symbol !== 'undefined' && Symbol.toStringTag) { -/******/ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' }); -/******/ } -/******/ Object.defineProperty(exports, '__esModule', { value: true }); -/******/ }; -/******/ -/******/ // create a fake namespace object -/******/ // mode & 1: value is a module id, require it -/******/ // mode & 2: merge all properties of value into the ns -/******/ // mode & 4: return value when already ns object -/******/ // mode & 8|1: behave like require -/******/ __webpack_require__.t = function(value, mode) { -/******/ if(mode & 1) value = __webpack_require__(value); -/******/ if(mode & 8) return value; -/******/ if((mode & 4) && typeof value === 'object' && value && value.__esModule) return value; -/******/ var ns = Object.create(null); -/******/ __webpack_require__.r(ns); -/******/ Object.defineProperty(ns, 'default', { enumerable: true, value: value }); -/******/ if(mode & 2 && typeof value != 'string') for(var key in value) __webpack_require__.d(ns, key, function(key) { return value[key]; }.bind(null, key)); -/******/ return ns; -/******/ }; -/******/ -/******/ // getDefaultExport function for compatibility with non-harmony modules -/******/ __webpack_require__.n = function(module) { -/******/ var getter = module && module.__esModule ? -/******/ function getDefault() { return module['default']; } : -/******/ function getModuleExports() { return module; }; -/******/ __webpack_require__.d(getter, 'a', getter); -/******/ return getter; -/******/ }; -/******/ -/******/ // Object.prototype.hasOwnProperty.call -/******/ __webpack_require__.o = function(object, property) { return Object.prototype.hasOwnProperty.call(object, property); }; -/******/ -/******/ // __webpack_public_path__ -/******/ __webpack_require__.p = ""; -/******/ -/******/ // on error function for async loading -/******/ __webpack_require__.oe = function(err) { console.error(err); throw err; }; -/******/ -/******/ // object with all WebAssembly.instance exports -/******/ __webpack_require__.w = {}; -/******/ -/******/ var jsonpArray = window["webpackJsonp"] = window["webpackJsonp"] || []; -/******/ var oldJsonpFunction = jsonpArray.push.bind(jsonpArray); -/******/ jsonpArray.push = webpackJsonpCallback; -/******/ jsonpArray = jsonpArray.slice(); -/******/ for(var i = 0; i < jsonpArray.length; i++) webpackJsonpCallback(jsonpArray[i]); -/******/ var parentJsonpFunction = oldJsonpFunction; -/******/ -/******/ -/******/ // Load entry module and return exports -/******/ return __webpack_require__(__webpack_require__.s = "./bootstrap.js"); -/******/ }) -/************************************************************************/ -/******/ ({ - -/***/ "./bootstrap.js": -/*!**********************!*\ - !*** ./bootstrap.js ***! - \**********************/ -/*! no static exports found */ -/***/ (function(module, exports, __webpack_require__) { - -eval("// A dependency graph that contains any wasm must all be imported\n// asynchronously. This `bootstrap.js` file does the single async import, so\n// that no one else needs to worry about it again.\n__webpack_require__.e(/*! import() */ 0).then(__webpack_require__.bind(null, /*! ./index.js */ \"./index.js\"))\n .catch(e => console.error(\"Error importing `index.js`:\", e));\n\n\n//# sourceURL=webpack:///./bootstrap.js?"); - -/***/ }) - -/******/ }); \ No newline at end of file diff --git a/docs/equivalence-report.md b/docs/equivalence-report.md deleted file mode 100644 index 6e47d5f..0000000 --- a/docs/equivalence-report.md +++ /dev/null @@ -1,150 +0,0 @@ -# Stacked-Mode Equivalence Report - -**Question:** does the rewritten 1.0 pipeline (`crates/vtracer`) reproduce the -shipping 0.6.x pipeline (`cmdapp/`) in **stacked** mode, byte-for-byte? - -**Verdict:** **Yes.** Across a systematic sweep of **475 parameter -configurations**, every fitted path is geometrically identical (worst -coordinate deviation **1e-8 px** — float-serialization noise). The only -differences are two intentional, visually-invisible ones (documented below). - -Date: 2026-07-24. Comparison target: `pixel`, `polygon`, `spline` fitters; -`color` and `bw` color modes. - ---- - -## Scope - -- **Stacked only.** Old `--hierarchical cutout` is the *fake* cutout (re-render - the clustered image, re-cluster, retrace); new `cutout` is the topological - mosaic. They are deliberately different algorithms and are **not** expected to - match. Mosaic is verified separately (pixel round-trip + seam tests). -- **Geometry, not pixels.** Comparison parses each SVG's `
- 
-
- / VTracer
- Drag an image here, Cmd-V to paste or Select file
-Image Credits
-