Ely Kahn elykahn

PNG + SVG export from canvas-sketch

The helper function canvas-to-svg.js wraps a given render function (or renderer object) so that you can use Canvas2D context methods as usual, but upon single frame export (with Cmd/Ctrl + S) it will produce both a PNG and SVG file.

This uses canvas2svg which is not a perfect solution, as the Canvas2D API was never designed to be translated to SVG. Its best to stick with simple shape and path operations.

Full instructions: first install the canvas-sketch CLI if you haven't already:

npm install canvas-sketch-cli -g

Markdown License badges

Collection of License badges for your Project's README file. Easily copy and paste the code under the badges into your Markdown files.

Notes

Badges are made with Shields.io.
This badges do not fully replace the license informations for your projects, they are only emblems for the README, that the user can see the License at first glance.

Want to add a License?

Comment this gist or write me an E-Mail ([email protected])

	<canvas id= "c"> </canvas>
	<button id="reset">new colours</button>
	<div id="info">
	<div id="top">
	<a target="_blank" id="site" href="http://lonely-pixel.com">my website</a>
	<a id="close" href="">close</a>
	</div>
	<p>
	<br>
	- Alter particles/groups with the GROUPS variable.<br><br>

	<!doctype html>

	<!-- http://taylor.fausak.me/2015/01/27/ios-8-web-apps/ -->

	<html>
	<head>
	<title>iOS 8 web app</title>

	<!-- CONFIGURATION -->

	<!DOCTYPE html>

	<html class="no-js" lang="en"><!-- the "no-js" class is for Modernizr. -->

	<head id="www-sitename-com" data-template-set="html5-skeleton">

	<meta charset="UTF-8">

	<!-- Always force latest IE rendering engine (even in intranet) & Chrome Frame -->
	<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">

	<script type="text/javascript">
	$(document).ready(function(){
	$.stratus({
	links: 'http://soundcloud.com/foofighters/sets/wasting-light'
	});
	});
	</script>

	<!doctype html>
	<!--[if lt IE 7 ]> <html class="no-js ie6" lang="en"> <![endif]-->
	<!--[if IE 7 ]> <html class="no-js ie7" lang="en"> <![endif]-->
	<!--[if IE 8 ]> <html class="no-js ie8" lang="en"> <![endif]-->
	<!--[if (gte IE 9)\|!(IE)]><!--> <html class="no-js" lang="en" xmlns:fb="http://www.facebook.com/2008/fbml" xmlns:og="http://ogp.me/ns#"> <!--<![endif]-->
	<head>
	<meta charset="utf-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
	<meta name='description' content='{MetaDescription}'>
	<meta name="viewport" content="width=device-width, initial-scale=1.0">

	<?php
	/*
	Plugin Name: Github Gist Widget
	Plugin URI: http://michaelbox.net
	Description: Widget that pulls the latest Gists from a User from their Github profile.
	Version: 1.0
	Author: Michael Beckwith
	Author URI: http://michaelbox.net
	*/

	<meta name="viewport" content="user-scalable=no, width=device-width, initial-scale=1.0, maximum-scale=1.0">
	<meta name="apple-mobile-web-app-capable" content="yes">
	<meta name="apple-mobile-web-app-status-bar-style" content="black">
	<link rel="apple-touch-icon" href="apple-touchicon.png">
	<link rel="apple-touch-startup-image" href="startup.png">


	<!DOCTYPE html>
	<html>
	<head>
	<meta name="viewport" content="user-scalable=no,initial-scale=1.0,maximum-scale=1.0" />

	<style>
	body { padding:10px; margin:0px; background-color: #ccc; }
	#main { margin: 10px auto 0px auto; }
	</style>