{"id":80639,"date":"2025-06-08T21:23:04","date_gmt":"2025-06-08T21:23:04","guid":{"rendered":"https:\/\/mailinvest.blog\/index.php\/2025\/06\/08\/svg-editor\/"},"modified":"2025-06-08T21:24:08","modified_gmt":"2025-06-08T21:24:08","slug":"svg-editor","status":"publish","type":"post","link":"https:\/\/mailinvest.blog\/index.php\/2025\/06\/08\/svg-editor\/","title":{"rendered":"SVG Editor"},"content":{"rendered":"<\/a>\n<\/p>\n

LIVE PREVIEW<\/a>BUY FOR $49<\/a><\/p>\n

<\/p>\n

Earlier than asking any query, please read the documentation and Frequently Asked Questions<\/a>!<\/strong><\/p>\n

An excellent easy but highly effective, user-friendly, browser-based SVG vector editor. Constructed with the most recent net growth techs: React.js and Material.js.<\/p>\n

Present your customers an easy-to-use drawing instrument. Or alternatively, it’s additionally a terrific start line to construct extra advanced issues, like Canva<\/a>.<\/p>\n

Editor Options<\/h2>\n

\"SVG<\/p>\n

The intention was to maintain the enhancing expertise simple for the typical consumer. It accommodates solely the minimal, most simple instruments which can be needed to attract virtually something.<\/p>\n

    \n
  • Object settings: coloration & gradient fill, border, alignment, transformations, picture results<\/li>\n
  • Primary shapes included<\/li>\n
  • Connectable strains and curves, free draw<\/li>\n
  • 15\u00b0 jumps on rotation and line drawing (whereas holding Shift)<\/li>\n
  • Textbox with font settings<\/li>\n
  • File add by way of HTML5 File API, so we don’t want a server<\/li>\n
  • Save picture as SVG, JPG or PNG<\/li>\n
  • Primary shortcuts: arrow key, undo\/redo, copy\/paste<\/li>\n
  • You too can paste a picture from the clipboard<\/li>\n
  • Zoom (Ctrl +\/-, Ctrl + mouse wheel)<\/li>\n
  • Cross-browser help, shows a warning for previous browsers<\/li>\n
  • Contact pleasant (examined on touchscreen pocket book)<\/li>\n<\/ul>\n

    Code Options<\/h3>\n

    \"SVG<\/p>\n

      \n
    • Constructed with the most recent React options<\/li>\n
    • Re-usable JS parts<\/li>\n
    • Simple to translate: all texts are saved in a JSON file<\/li>\n
    • Clear, commented code<\/li>\n
    • Works in all fashionable, main browsers<\/li>\n
    • Simple to take care of and modify<\/li>\n
    • Documentation<\/li>\n<\/ul>\n

      Changelog<\/h3>\n

      v1.1.2 – April 12, 2023<\/strong><\/p>\n

      \n- repair: after becoming canvas to content material, clicking obtain resets canvas to earlier dimension\n- up to date recordsdata:\n  - src\/parts\/CanvasSettings.js\n  - src\/parts\/SelectionTextSettings.js\n<\/pre>\n
      v1.1.1 – March 1, 2023<\/strong><\/p>\n
      \n- repair: textbox subject, after typing we could not change font model on different textboxes\n- repair: textbox total stylings are displayed correctly now on direct textbox change\n- repair: now you'll be able to copy paste textual content from\/to textbox enhancing\n- repair: overflow-y vertical scrollbar\n- up to date recordsdata:\n  - bundle.json\n  - src\/App.js, index.scss\n  - src\/parts\/FabricCanvas.js, InputAmout.js, InputAmount.scss, SelectionObjectSettings.js, SelectionSettings.js, SelectionTextSettings.js, ToolPanel.scss\n  - src\/utils\/copyPaste.js, textBoxDrawing.js, usePrevious.js\n<\/pre>\n
      v1.1.0 – October 18, 2022<\/strong><\/p>\n
      \n- added a changelog\n- base app replace, bundle updates, mounted a bunch of deprecated warnings\n- app now helps newest LTS Node model (v16.17.1)\n- up to date Material to newest 3.x.x model (v4 and v5 accommodates breaking modifications, will probably be a much bigger replace later)\n- up to date app render to React 18\n- mounted SASS lint points\n- repair: when solely part of a textual content was chosen, font dimension change did not work\n- repair: CTRL + scroll zoom points\n- repair: alignment instruments did not work effectively when zoomed in\/out\n- repair: downloaded picture dimension modified when zommed in\/out\n- repair: ungrouping simply grouped objects did not work\n- repair: choice settings panel disappeared after ungrouping\n- up to date recordsdata:\n  - bundle.json\n  - src\/App.js, index.js\n  - src\/parts\/Button.scss, FloatingMenu.js, GradientPicker.scss, InputRange.scss, SelectionAlignSettings.js, SelectionObjectSettings.js, SelectionTextSettings.js\n  - utils\/saveInBrowser.js, zoom.js\n<\/pre>\n
      v1.0.1 – June 29, 2020<\/strong><\/p>\n
      \n- Repair: Form part's title was untranslated\n- Repair: after free draw deciding on the item produced an error\n- Up to date recordsdata: src\/parts\/Shapes.js, src\/parts\/SelectionColorSettings.js, src\/languages\/en.json\n<\/pre>\n
      \n