Я очень новичок в рисовании на холсте. Я пытаюсь применить градиент по дуге окружности. Я могу заставить его выглядеть нормально, когда я рисую дугу со смещением центра от координат контекста. Допустим, centerX и centerY обозначают центр холста. Я могу получить дугу градиента, используя context.arc(centerX, centerY, radius, ......)
.
Working example: http://jsfiddle.net/m5Pmb/
Но когда я пытаюсь нарисовать дугу вокруг координат контекста, градиент исчезает. Например, я беру приведенный выше рабочий пример jsfiddle, делаю context.translate(centerX, centerY)
, затем делаю context.arc(0,0,radius,......)
, на полученной дуге нет никакого градиента.
Example here: http://jsfiddle.net/N6NMB/
В моем случае мне нужно повернуть полученный круг вокруг своей оси, используя context.rotate(), поэтому я должен перевести его в центр и нарисовать круг вокруг (0,0). Но я не могу понять, почему градиент исчезает при попытке нарисовать дугу вокруг точки контекста (0,0). Любое понимание было бы действительно полезно.