Skip to content

Instantly share code, notes, and snippets.

@KennyRedman
KennyRedman / canvasMerge.js
Created July 16, 2014 18:25
merge multiple canvases into one
var can = document.getElementById('canvas1');
var ctx = can.getContext('2d');
ctx.fillStyle = 'rgba(255,0,0,.4)';
ctx.fillRect(20,20,20,80);
ctx.fillStyle = 'rgba(205,255,23,.4)';
ctx.fillRect(30,30,40,50);
ctx.fillStyle = 'rgba(5,255,0,.4)';
ctx.fillRect(40,50,80,20);
@KennyRedman
KennyRedman / canvasZoom.html
Created June 4, 2014 18:28
CanvasZoom - Mouse wheel scrolling
<canvas id="canvas" width="1000" height="800"></canvas>
<script type="text/javascript">
var canvas = document.getElementById("canvas");
var context = canvas.getContext("2d");
var scale = 1;
var originx = 0;
var originy = 0;
function draw(){
context.fillStyle = "white";
@KennyRedman
KennyRedman / getBase64Image.js
Created June 4, 2014 18:27
Get image data in JavaScript?
function getBase64Image(img) {
// Create an empty canvas element
var canvas = document.createElement("canvas");
canvas.width = img.width;
canvas.height = img.height;
// Copy the image contents to the canvas
var ctx = canvas.getContext("2d");
ctx.drawImage(img, 0, 0);
/**
* fullscreenify()
* Stretch canvas to size of window.
*
* Zachary Johnson
* http://www.zachstronaut.com/
*
* See also: https://gist.github.com/1178522
*/
/**
* Lorem Ipsum 0.0
*
* Ken Frederick
* ken.frederick@gmx.de
*
* http://cargocollective.com/kenfrederick/
* http://kenfrederick.blogspot.com/
*
* A Lorem Ipsum/Greeking/Dummy-Text generator for Illustrator
@KennyRedman
KennyRedman / 6_CSV-Code_to_Name.js
Created May 19, 2014 19:00
Adobe Illustrator script that reverts layer names according to a CSV file
#target illustrator
csvCodeToName();
function csvCodeToName(){
if(!documents.length) return;
var aFile = File.openDialog( "select your csv file...",'*.csv',false );
aFile.open("r");
var optionFile = aFile.read();
@KennyRedman
KennyRedman / CSV-Name_To_Code.js
Created May 19, 2014 18:59
Adobe Illustrator script that renames layers according to a CSV file
#target illustrator
csvNameToCode();
function csvNameToCode(){
if(!documents.length) return;
var aFile = File.openDialog( "select your csv file...",'*.csv',false );
aFile.open("r");
var optionFile = aFile.read();
@KennyRedman
KennyRedman / 0_Export-Layer-Names.js
Created May 19, 2014 18:53
Adobe Illustrator script that exports layers as CSV file
#target illustrator
main();
function main(){
if(!documents.length) return;
var doc = app.activeDocument;
var docTitle = doc.name;
var docTitle = docTitle.substring(0, docTitle.length - 3);
@KennyRedman
KennyRedman / AlphabetizedIllustratorLayers.js
Last active October 1, 2022 18:56
Adobe Illustrator script that reorders all visible layers alphabetically
#target illustrator
main();
function main(){
if(!documents.length) return;
var doc = app.activeDocument;
var allLayers = app.activeDocument.layers;