├── .gitignore ├── LICENSE ├── README.md ├── images ├── 1. Source Image With Four Areas.png ├── 2. Preprocess Image.png ├── 3. Four mask images.png ├── 4. Fully processed image.png ├── 5. Pixel values.png ├── 6. User click mapping.png ├── 7. Final image.png └── airplane.png ├── index.css ├── index.html └── src ├── browser.js └── worker.js /.gitignore: -------------------------------------------------------------------------------- 1 | .DS_Store 2 | .last_modified_timestamp -------------------------------------------------------------------------------- /LICENSE: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/shaneosullivan/example-canvas-fill/HEAD/LICENSE -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/shaneosullivan/example-canvas-fill/HEAD/README.md -------------------------------------------------------------------------------- /images/1. Source Image With Four Areas.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/shaneosullivan/example-canvas-fill/HEAD/images/1. Source Image With Four Areas.png -------------------------------------------------------------------------------- /images/2. Preprocess Image.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/shaneosullivan/example-canvas-fill/HEAD/images/2. Preprocess Image.png -------------------------------------------------------------------------------- /images/3. Four mask images.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/shaneosullivan/example-canvas-fill/HEAD/images/3. Four mask images.png -------------------------------------------------------------------------------- /images/4. Fully processed image.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/shaneosullivan/example-canvas-fill/HEAD/images/4. Fully processed image.png -------------------------------------------------------------------------------- /images/5. Pixel values.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/shaneosullivan/example-canvas-fill/HEAD/images/5. Pixel values.png -------------------------------------------------------------------------------- /images/6. User click mapping.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/shaneosullivan/example-canvas-fill/HEAD/images/6. User click mapping.png -------------------------------------------------------------------------------- /images/7. Final image.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/shaneosullivan/example-canvas-fill/HEAD/images/7. Final image.png -------------------------------------------------------------------------------- /images/airplane.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/shaneosullivan/example-canvas-fill/HEAD/images/airplane.png -------------------------------------------------------------------------------- /index.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/shaneosullivan/example-canvas-fill/HEAD/index.css -------------------------------------------------------------------------------- /index.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/shaneosullivan/example-canvas-fill/HEAD/index.html -------------------------------------------------------------------------------- /src/browser.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/shaneosullivan/example-canvas-fill/HEAD/src/browser.js -------------------------------------------------------------------------------- /src/worker.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/shaneosullivan/example-canvas-fill/HEAD/src/worker.js --------------------------------------------------------------------------------