Странное измерение Canvas в Javascript (html 5 / jquery)

Question

Я только начал изучать холст.Но у меня есть проблема с моими полигонами.

Мой пример / проблема: http://jsfiddle.net/xCLX4/

Я хочу с Javascript создать / нарисовать многоугольник / прямоугольники, которые могут "заменить" правило CSS,Позже я хочу преобразовать их в другую форму.(Вот почему я не просто использую CSS.)

Но ... я еще не там, так как линии не в каком-то измерении с Canvas каким-то странным образом.

Любая помощь будет очень признательна

Редактировать: Посмотреть результат на http://jsfiddle.net/xCLX4/3/

Answer 1

С помощью var $ctx = $( '<canvas />', {width:_width, height:_height } ); вы устанавливаете ширину и высоту стиля, но растровое изображение холста все еще имеет значения по умолчанию ( attr-canvas-width ). Думаю, вы действительно хотите сделать что-то вроде:

var $ctx = $( '<canvas />');
$ctx[0].width = _width;
$ctx[0].height = _height;