Skip to content

HTTPS clone URL

Subversion checkout URL

You can clone with HTTPS or Subversion.

Download ZIP
scri.ch is a minimal web app that lets you draw, share, and fork existing drawings.
branch: master
Failed to load latest commit information.
assets Fix the blurry canvas on hi-res screens
drawings Import project
gallery draw -> drawing, draws -> drawings
lib Replaced the zoom level limitation with a limitation by dimensions
plugins Added a simple plugin system
tmp Import project
.gitignore Added a simple plugin system
.htaccess
LICENSE MIT license
Makefile UglifyJS compression options
README.md Readme syntax
composer.json Added a simple plugin system
composer.lock Added a simple plugin system
config-example.php Cleanup
index.php Added a simple plugin system
schema.sql draw -> drawing, draws -> drawings
stats.php Stats

README.md

scri.ch

scri.ch is a minimal web app that lets you draw, share, and fork existing drawings.

Try it live

It is compatible with every modern browser, including mobile devices.

How to use

  1. Draw on the main blank page
  2. Save using the "Save" button
  3. Copy the url and share it
  4. Continue your drawing or make a new one by clicking on the "New" button

URL params

You can define some parameters when starting a new drawing, e.g. http://scri.ch/?background=ddd&foreground=666

background

The background color in hexadecimal, without the #. Shortcuts allowed. e.g. http://scri.ch/?background=ddd

foreground

The foreground color in hexadecimal, without the #. Shortcuts allowed. e.g. http://scri.ch/?foreground=ddd

size

The canvas size, in pixels. Syntax:

  • ?size=400: define same width and height
  • ?size=400x: define width only
  • ?size=x400: define height only
  • ?size=400x300: define both width and height

margin

The margin around the canvas, in pixels. Eg. http://scri.ch/?margin=100

Image URLs

To get the image corresponding to a scri.ch drawing, just append .png to the URL. The drawing will be centered and framed.

Example: http://scri.ch/baf.png

Zoom

To get a zoomed version of an image, add the needed level of zoom with -2x where “2” is the level you want, up to 4.

Example: http://scri.ch/baf-2x.png

Raw image

To get the raw, not cropped version of the image, add -raw.

Example: http://scri.ch/baf-raw.png

Requirements

  • PHP 5.3
  • MySQL 5.x
  • Imagick PHP Extension

Installation

  • Download scri.ch
  • Extract the package
  • Install the dependencies with Composer $ composer install
  • /tmp and /drawings directories must be writable by the webserver
  • Create a new database
  • Execute schema.sql on the database
  • Rename config-example.php to config.php
  • Edit config.php (see below)

config.php

define('SCRICH_URL', 'http://scri.ch/');

Full URL with trailing slash

define('DB_DSN',  'mysql:dbname=scrich;host=localhost');

Database DSN (PDO style)

define('DB_USER', 'username');

Database username

define('DB_PASS', 'password');

Database password

define('DEBUG', FALSE);

Wanna debug?

.htaccess (Apache HTTP Server)

If you are using the Apache HTTP Server, change the RewriteBase directive to the scri.ch path (default is /).

Other HTTP server (Nginx, Lighttpd, etc.)

If you are using another HTTP server, you just need to redirect all requests to: index.php?r=$request.

Credits

A simple idea by Pierre Bertet and Raphaël Bastide

More info

See about page

Something went wrong with that request. Please try again.