Я пытаюсь нарисовать некоторые фигуры на холсте HTML5, используя Javascript.
Когда ширина и высота холста имеют жестко заданный размер, например, 800x600, все работает нормально.
То, что я хотел бы сделать, это растянуть ширину холста, чтобы соответствовать родительскому элементу (размер родительского элемента может быть любым).Когда я применяю свойства CSS: width: 100% и height: 100%, нарисованные фигуры начинаются с точки, отличной от той, что на самом деле должна быть.
Пример того, над чем я работаю, приведен вэта ссылка: http://jsfiddle.net/jR4ne/
Пожалуйста, помогите мне понять, что здесь происходит не так.Похоже, что холст растягивается, а не увеличивается.Я хочу, чтобы холст был увеличен до родительского.