kiinlam kiinlam

Circles, text and getImageData

I'm back with more of them moving circles. This script uses getImageData to form the text with particles. You can do some fun stuff with text and Canvas this way. Once again I'm using createjs for Canvas manipulation and the greensock library for easy tweening.

Forked from Rachel Smith's Pen Circles, text and getImageData.

A Pen by Captain Anonymous on CodePen.

License.

	.center {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 100%;
	-webkit-transform: translate(-50%,-50%) translateZ(0);
	white-space: nowrap;
	text-align: center
	}

	.animation {
	-webkit-animation: float 2s linear 0 infinite alternate;
	}
	.fadeIn {
	-webkit-animation-name: fadeIn
	}

	@-webkit-keyframes fadeIn {
	from {
	opacity: 0;

	// UC-U3内核JavaScript专用API
	// （经测试，官方文档给出的API很多也不能使用，下面只列出测试能用的）
	// 1. 关闭默认手势
	// 用法：
	navigator.control.gesture(false);
	// 推荐写法：
	try {
	navigator.control.gesture(false);
	} catch (e) {
	}

	<!DOCTYPE html>
	<html xmlns="http://www.w3.org/1999/xhtml"><head>
	</head><body>
	<svg id="s" xmlns="http://www.w3.org/2000/svg"/>
	<script type="text/javascript">
	function makeSVG(tag, attrs) {
	var el= document.createElementNS('http://www.w3.org/2000/svg', tag);
	for (var k in attrs)
	el.setAttribute(k, attrs[k]);
	return el;

	var SVG_NS = "http://www.w3.org/2000/svg";
	var XLINK_NS = "http://www.w3.org/1999/xlink";

	var ATTR_MAP = {
	"className": "class",
	"svgHref": "href"
	};

	var NS_MAP = {
	"svgHref": XLINK_NS

	String.replace(reg, function (matchStr, subStr1,..., subStrN, indexOfMatchStr, originStr) {
	return anything;
	});

	;(function($) {
	$(function() {
	var url=document.referrer;
	if ( url && url.search("http://")>-1) {
	var refurl = url.match(/:\/\/(.[^/]+)/)[1];
	if(refurl.indexOf("baidu.com")>-1){
	alert('no baidu, no evil');
	}
	}
	});

	// 基础知识
	parseInt("kiinlam",36); //44655371662 把第一个参数用36进制来看待，解析成10进制
	(44655371662).toString(36); //"kiinlam" 将数字转成字符串，36表示数字的基数，即将被转的数字变成36进制

	var radix = 16; // 加密基数2-36

	// 字符加密
	function strEnc(str,radix){
	var val="", code;
	radix = radix \|\| 10;