Система координат в svg (Scalable Vector Graphic)

SVG (Scalable Vector Graphic) - язык разметки масштабируемой векторной графики.
SVG может быть встроено непосредственно в документ HTML с помощью тега svg.
Участок документа, который будет использоваться для отображения SVG-документа, называется областью просмотра. Его размер можно задать с помощью атрибутов width и height элемента <svg>.
Объекты SVG можно анимировать с помощью CSS или JavaScript.
SVG для всех элементов использует сеточную систему координат. Здесь верхний левый угол документа принимается за точку (0,0). Затем позиции измеряются в пикселях от верхнего левого угла с положительным направлением x, уходящим вправо, и положительным направлением y, уходящим вниз.

На холсте SVG можно нарисовать линию с помощью тега line, который требует задания двух параметров, — точками начала (x1 и y1) и конца (x2 и y2) линии.
Данный элемент векторной графики мной использовался в качестве скелета для построения вектора.
При этом длина вектора и абсолютный угол вектора определялся по следующим соотношениям:

Суть проблемы:
В Internet Explorer 9 отображается графика вне границы холста SVG.
В Chrome, Firefox и Opera данной проблемы не наблюдается.

Решение проблемы:
Для обрезки графики вне границ хоста SVG, необходимо к холсту добавить стиль CSS: