Gustavo Carvalho gfcarvalho

## rAF.js
// http://paulirish.com/2011/requestanimationframe-for-smart-animating/
// http://my.opera.com/emoller/blog/2011/12/20/requestanimationframe-for-smart-er-animating

// requestAnimationFrame polyfill by Erik Möller. fixes from Paul Irish and Tino Zijdel

// MIT license

(function() {
    var lastTime = 0;
    var vendors = ['ms', 'moz', 'webkit', 'o'];

## perfnow.js
(function(w){
	var perfNow;
	var perfNowNames = ['now', 'webkitNow', 'msNow', 'mozNow'];
	if(!!w['performance']) for(var i = 0; i < perfNowNames.length; ++i)
	{
		var n = perfNowNames[i];
		if(!!w['performance'][n])
		{
			perfNow = function(){return w['performance'][n]()};
			break;

## performance.now()-polyfill.js
// relies on Date.now() which has been supported everywhere modern for years.
// as Safari 6 doesn't have support for NavigationTiming, we use a Date.now() timestamp for relative values

// if you want values similar to what you'd get with real perf.now, place this towards the head of the page
// but in reality, you're just getting the delta between now() calls, so it's not terribly important where it's placed


(function(){

  // prepare base perf object

## imageToBase64.js

function imageToBase64(img)
{
    var canvas, ctx, dataURL, base64;
    canvas = document.createElement("canvas");
    ctx = canvas.getContext("2d");
    canvas.width = img.width;
    canvas.height = img.height;
    ctx.drawImage(img, 0, 0);
    dataURL = canvas.toDataURL("image/png");

## xhrImageDemo.html
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title></title>
</head>
<body>
    <canvas id="cnv" width="100" height="100"></canvas>
<script>
    var ctx = document.getElementById('cnv').getContext('2d');

## image_to_base64url.js
/**
 * Converts an image to
 * a base64 string.
 *
 * If you want to use the
 * outputFormat or quality param
 * I strongly recommend you read the docs
 * @ mozilla for `canvas.toDataURL()`
 *
 * @param 	{String} 	url

## transparent-canvas.html
<!doctype html>
<html>
    <head>
        <title>Check transparent canvas</title>
    </head>
    <body>
        <canvas id='editor' style='border:solid'></canvas>
        <canvas id='blank' style='display:none'></canvas>
        <script>
            canvas = document.getElementById('editor');

## touchToMouse.js
function touchHandler(event)
{
    var touches = event.changedTouches,
        first = touches[0],
        type = "";
        switch(event.type)
        {
            case "touchstart": type = "mousedown"; break;
            case "touchmove":  type="mousemove"; break;
            case "touchend":   type="mouseup"; break;

## countProperties.js
function countProperties(obj) {
    var count = 0,
        k;

    for (k in obj) {
        if (obj.hasOwnProperty(k)) {
            count += 1;
        }
    }
    return count;

## shuffle.js
function shuffle(array) {
  var counter = array.length, temp, index;

  // While there are elements in the array
  while (counter--) {
      // Pick a random index
      index = (Math.random() * (counter+1)) | 0;

      // And swap the last element with it
      temp = array[counter];
	// http://paulirish.com/2011/requestanimationframe-for-smart-animating/
	// http://my.opera.com/emoller/blog/2011/12/20/requestanimationframe-for-smart-er-animating

	// requestAnimationFrame polyfill by Erik Möller. fixes from Paul Irish and Tino Zijdel

	// MIT license

	(function() {
	var lastTime = 0;
	var vendors = ['ms', 'moz', 'webkit', 'o'];
	(function(w){
	var perfNow;
	var perfNowNames = ['now', 'webkitNow', 'msNow', 'mozNow'];
	if(!!w['performance']) for(var i = 0; i < perfNowNames.length; ++i)
	{
	var n = perfNowNames[i];
	if(!!w['performance'][n])
	{
	perfNow = function(){return w['performance'][n]()};
	break;
	// relies on Date.now() which has been supported everywhere modern for years.
	// as Safari 6 doesn't have support for NavigationTiming, we use a Date.now() timestamp for relative values

	// if you want values similar to what you'd get with real perf.now, place this towards the head of the page
	// but in reality, you're just getting the delta between now() calls, so it's not terribly important where it's placed


	(function(){

	// prepare base perf object

	function imageToBase64(img)
	{
	var canvas, ctx, dataURL, base64;
	canvas = document.createElement("canvas");
	ctx = canvas.getContext("2d");
	canvas.width = img.width;
	canvas.height = img.height;
	ctx.drawImage(img, 0, 0);
	dataURL = canvas.toDataURL("image/png");
	<!DOCTYPE html>
	<html xmlns="http://www.w3.org/1999/xhtml">
	<head>
	<title></title>
	</head>
	<body>
	<canvas id="cnv" width="100" height="100"></canvas>
	<script>
	var ctx = document.getElementById('cnv').getContext('2d');
	/**
	* Converts an image to
	* a base64 string.
	*
	* If you want to use the
	* outputFormat or quality param
	* I strongly recommend you read the docs
	* @ mozilla for `canvas.toDataURL()`
	*
	* @param {String} url
	<!doctype html>
	<html>
	<head>
	<title>Check transparent canvas</title>
	</head>
	<body>
	<canvas id='editor' style='border:solid'></canvas>
	<canvas id='blank' style='display:none'></canvas>
	<script>
	canvas = document.getElementById('editor');
	function touchHandler(event)
	{
	var touches = event.changedTouches,
	first = touches[0],
	type = "";
	switch(event.type)
	{
	case "touchstart": type = "mousedown"; break;
	case "touchmove": type="mousemove"; break;
	case "touchend": type="mouseup"; break;
	function countProperties(obj) {
	var count = 0,
	k;

	for (k in obj) {
	if (obj.hasOwnProperty(k)) {
	count += 1;
	}
	}
	return count;
	function shuffle(array) {
	var counter = array.length, temp, index;

	// While there are elements in the array
	while (counter--) {
	// Pick a random index
	index = (Math.random() * (counter+1)) \| 0;

	// And swap the last element with it
	temp = array[counter];