Komatera

Я могу ошибаться, но /assets/image у вас и так стоит по умолчанию, ему соответствует /assets/cache_image/.

Вы прописываете /assets/images/products/rar/kr01/01.jpg, что приводит к созданию пути /assets/images/assets/images/, которому соответствует /assets/cache_image/assets/cache_image/

Попробуйте:
[[img_draw?
&src=`/products/rar/kr01/01.jpg`
]]

Ваш код вроде как вообще с курсором не связан
Попробуйте этот (он рабочий):

<script type="text/javascript">
/**
 * Объект работает с координатами курсора
 *
 * @author Artem Fedorov 2010
 *
 */
var MouseCoords = {

	// X-координата
	getX: function(e)
	{
		if (e.pageX)
		{
			return e.pageX;
		}
		else if (e.clientX)
		{
			return e.clientX+(document.documentElement.scrollLeft || document.body.scrollLeft) - document.documentElement.clientLeft;
		}

		return 0;
	},

	// Y-координата
	getY: function(e)
	{
		if (e.pageY)
		{
			return e.pageY;
		}
		else if (e.clientY)
		{
			return e.clientY+(document.documentElement.scrollTop || document.body.scrollTop) - document.documentElement.clientTop;
		}

		return 0;
	}
}

document.onmousemove = function(e)
{
	if (!e) e = window.event;

	var mouseCoordsLayer = document.getElementById('mouse_coords_on_move');
	mouseCoordsLayer.innerHTML = '<h2>Координаты во время движения</h2>';
	mouseCoordsLayer.innerHTML += '<p>X: '+MouseCoords.getX(e)+'</p>';
	mouseCoordsLayer.innerHTML += '<p>Y: '+MouseCoords.getY(e)+'</p>';
}

document.onclick = function(e)
{
	if (!e) e = window.event;

	var mouseCoordsLayer = document.getElementById('mouse_coords_on_click');
	mouseCoordsLayer.innerHTML = '<h2>Координаты при клике</h2>';
	mouseCoordsLayer.innerHTML += '<p>X: '+MouseCoords.getX(e)+'</p>';
	mouseCoordsLayer.innerHTML += '<p>Y: '+MouseCoords.getY(e)+'</p>';
}

//--></script>

<div id="mouse_coords_on_move"></div>
<div id="mouse_coords_on_click"></div>