Ильдар Сарибжанов

$(document).ready(function () {

	$('.liketext').on('click', function () {

		var self = $(this),
			counter = Number($(this).text()),
			dataid = $(this).attr('data-id');

		var qdata = {
			id : dataid,
			cnt: counter
		}

		$.post('assets/components/ajax/like.php', qdata, function ( data ) {
			self.html(data);
		});

		return false;
	});

});

Я, конечно, не гуру, но, можно сделать ключ.

var x = 0,
	key = true;
function plus() {
	if( key ) {
		key = false;
	}
	
	// do any
	key = true;
}

Есть вот такой пост, сам не пользовался, но движение по траектории как раз для svg описано css-live.ru/articles/rukovodstvo-po-svg-animaciyam...

Вы не инициируете размер холста, и он устанавливается по умолчанию.

нужно добавить вот это в ваш код

canvas.width = canvas.offsetWidth;
canvas.height = canvas.offsetHeight;

Полная версия кода https://jsfiddle.net/aw5dzy0j/

Подозреваю, что там уже висит какой-то обработчик, и его нужно удалить, делается это так
$('.your_class').unbind('click');
А потом, уже вешать свой обработчик

$('.your_class').click(function(){
    // Ваш код
});