x8bitrain / svg-emoji-corrupt

SVG and Emoji Corrupter built in React

SVG/Emoji Corrupter

https://x8bitrain.github.io/svg-emoji-corrupt/

Feed it an emoji or an SVG file and the corrupter will target the numbers you specify inside the d="" paths of the SVG and replaces them with a random number between whatever you set in the "replace with" slider. Why not?

TODO

• Fix the bad reset function that results in previous SVG elements stacking onto the current one, or leave it in as a feature idk.
• Add an emoji merge feature.

dependancies

Built with Lewagon's react boilerplate with the following packages and config:

• React, ReactDOM
• Webpack 4
• Babel with es2015 and react presets
• main application.scss stylesheet is imported in index.js as a module to enjoy hot reloading
• react-inlinesvg
• emoji-mart
• panzoom
• save-svg-as-png
• uikit

Building

git clone https://github.com/x8BitRain/svg-emoji-corrupt.git
cd svg-emoji-corrupt/
yarn install

To start the local Webpack Dev Server (usually on port 8080):

yarn start

To lint all JavaScript files in the src folder:

yarn lint

To build assets to the dist folder:

webpack -p

svg-emoji-corrupt's Issues

Some SVG links do not work; corruptor does it to search icon instead

See the gif and look closely at the search icon. The corruptor simply fails to load the SVG from Logopedia (without any indications) and any corruption settings does it to the search icon instead.