http://www.mrdoob.com/lab/javascript/checkbox_painter/ 绘制心形线

martix.js

d=document;
var m = {
	e: d.querySelectorAll('input'),
	r: parseInt( d.body.clientWidth / 20 ),
	c: parseInt( d.getElementById('container').clientHeight / 19),
	o: function() {return {x: 0,y: Math.floor(m.c / 2)};},
	g: function(x, y) {return m.e[(m.o().y - y) * m.r + x];}
};
var e = function(x, y) {
	if( y>=0 ) 	
		return Math.pow(x - 28,2) + Math.pow(y,2) <= 50 || Math.pow(x - 14,2) + Math.pow(y,2)  <= 50 ? true : false;
	else 
		return y >= -x+6 && y >= x-36? true : false;
};
for(x=m.o().x;x<m.r;x++) {
	for(y=m.o().y;y>-m.o().y;y--) {
		m.g(x,y).checked = e(x,y);
	}
}