Как сохранить cookies от трансформации элемента?

Question

[Xjrezer]

Есть некий объект квадрат, я его трансформирую, искажаю, но при обновлении страницы всё возвращается на место, нужна возможность сохранить либо куку, либо в бд
Пример
codepen.io/fta/pen/ifnqH

Answer 1

[ASiD]

На изменение параметров квадрата вешаешь событие, которое записывает ключевые параметры в кукисы. При открытии страницы подгружаешь оттуда. Как работать с куками в js погуглишь, вот функции, которыми пользуюсь я:

function set_cookie ( name, value, exp_y, exp_m, exp_d, path, domain, secure ) {
	var cookie_string = name + "=" + escape ( value );
	if ( exp_y ) {
		var expires = new Date ( exp_y, exp_m, exp_d );
		cookie_string += "; expires=" + expires.toGMTString();
	}
 
	if ( path )
		cookie_string += "; path=" + escape ( path );
 
	if ( domain )
		cookie_string += "; domain=" + escape ( domain );
  
	if ( secure )
		cookie_string += "; secure";
  
	document.cookie = cookie_string;
}

function delete_cookie ( cookie_name ) {
	var cookie_date = new Date ( );  // Текущая дата и время
	cookie_date.setTime ( cookie_date.getTime() - 1 );
	document.cookie = cookie_name += "=; expires=" + cookie_date.toGMTString();
}

function get_cookie ( cookie_name ) {
	var results = document.cookie.match ( '(^|;) ?' + cookie_name + '=([^;]*)(;|$)' );
 
	if ( results )
		return ( unescape ( results[2] ) );
	else
		return null;
}