文件列表:

CONTRIBUTING.md (1759, 2017-10-29)
Cakefile (8564, 2017-10-29)
LICENSE (1083, 2017-10-29)
build.yml (2390, 2017-10-29)
build/ (0, 2017-10-29)
build/app/ (0, 2017-10-29)
build/app/mondrian.webapp (570, 2017-10-29)
build/assets/ (0, 2017-10-29)
build/assets/fonts/ (0, 2017-10-29)
build/assets/fonts/maven-pro.400.woff (24104, 2017-10-29)
build/assets/fonts/maven-pro.500.woff (23864, 2017-10-29)
build/assets/fonts/maven-pro.700.woff (23872, 2017-10-29)
build/assets/images/ (0, 2017-10-29)
build/assets/images/cursors/ (0, 2017-10-29)
build/assets/images/cursors/crayon.png (3044, 2017-10-29)
build/assets/images/cursors/crosshair.png (2914, 2017-10-29)
build/assets/images/cursors/crosshair.psd (23992, 2017-10-29)
build/assets/images/cursors/cursor.png (2884, 2017-10-29)
build/assets/images/cursors/ellipse.png (2878, 2017-10-29)
build/assets/images/cursors/eyedropper.png (2950, 2017-10-29)
build/assets/images/cursors/eyedropper.psd (25613, 2017-10-29)
build/assets/images/cursors/line.png (2914, 2017-10-29)
build/assets/images/cursors/loupe.opaque.png (2994, 2017-10-29)
build/assets/images/cursors/loupe.png (3025, 2017-10-29)
build/assets/images/cursors/loupe.psd (24918, 2017-10-29)
build/assets/images/cursors/none.png (2792, 2017-10-29)
build/assets/images/cursors/olivetti.png (3064, 2017-10-29)
build/assets/images/cursors/olivetti.psd (37040, 2017-10-29)
build/assets/images/cursors/paw-clutch.png (2905, 2017-10-29)
build/assets/images/cursors/paw.png (2925, 2017-10-29)
build/assets/images/cursors/rectangle.png (2908, 2017-10-29)
build/assets/images/cursors/rotate.png (2977, 2017-10-29)
build/assets/images/cursors/rotate.psd (24552, 2017-10-29)
build/assets/images/cursors/type-a.png (2898, 2017-10-29)
build/assets/images/email-header.png (5347, 2017-10-29)
build/assets/images/icons/ (0, 2017-10-29)
build/assets/images/icons/dropbox.20.png (3585, 2017-10-29)
... ...

# Mondrian Mondrian is a smart and easy-to-learn vector graphics web app. **UNMAINTAINED REPO**: I wrote this in college for fun and am keeping it up for posterity. [Original HN thread](https://news.ycombinator.com/item?id=7116042) ## Features #### Basic Mondrian offers all the tools needed to create, modify, and export simple SVG files. - Basic editing capabilities - Strict drawing with the pen tool - Loose drawing with the crayon tool - Shape manipulation (scaling & rotation) - Individual point manipulation with bezier controls - Basic typography - Zoom, eyedropper - Smooth, efficient tools & operations - File import (via `FileReader`) - SVG - File export - SVG - PNG (via `canvas` API) - Clean UI - Minimal "flat" aesthetic with little visual distraction - A smart UI that shows only utilities that can be used at that moment - Layout - Basic dot grid with snapping for layout #### Innovations Mondrian also supports undo/redo through a *(somewhat rough and unstable)* file history API that - stores operations, not states - is tiny and JSON-serializable, so it can be persisted to a server and loaded back up in another session - can visually reconstruct a file's entire history step-by-step There are no tests written for this system. It's a big todo. ## Running the app Mondrian is a simple static site. To run it locally for the first time you have to clone the repo, install the dependencies, and build the source files. ``` git clone git@github.com:artursapek/mondrian.git cd mondrian npm install cake build cake server ``` Then, open [`localhost:3000`](http://localhost:3000) in your web browser, and there you have it! You can also access the latest stable build at [mondrian.io](http://mondrian.io). #### Installing Dependencies `npm install` #### Running the local server `cake server` #### Building the app Run the build task to compile all of the JavaScript, HTML, and CSS from `/src/` into `/build/`. `cake build` It features a dumb progress bar that's based off the last compile time. It's actually pretty accurate. ``` > cake build [██████ ] 14 seconds remaining ``` The entire app is written in [Coffeescript](http://coffeescript.org/). You have to manually compile the app every time you make changes. The source files are specified in an ordered map in [`build.yml`](build.yml). They are nested under their directory names. You can specify a different directory name using the `_dir:` key. `null` means no directory. For example, ```yml src: !!omap - setup: - _dir: null - settings - setup - userInterface: - _dir: ui - selection - geometry: - posn - line-segment ``` refers to ``` src/settings.coffee src/setup.coffee src/ui/selection.coffee src/geometry/posn.coffee src/geometry/line-segment.coffee ``` ## Contributing There's a lot to do! Read [CONTRIBUTING.md](CONTRIBUTING.md) for a list of what you can work on, context around the project, and guidelines. ## Supported Browsers Mondrian officially supports only the latest desktop stable versions of Chrome, Firefox, and Safari. ## License All of the Mondrian code and documentation is available under the [MIT License](LICENSE). ## Contact You're welcome to contact me at [me@artur.co](mailto:me@artur.co).

近期下载者：

相关文件：

评论：[我要评论] [举报此文件]

收藏者：