Warning: file_get_contents(/data/phpspider/zhask/data//catemap/8/svg/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
SVG径向渐变-移动焦点(中心)_Svg - Fatal编程技术网

SVG径向渐变-移动焦点(中心)

SVG径向渐变-移动焦点(中心),svg,Svg,我现在正在学习SVG,我被困在了径向渐变主题上,关于精确移动径向渐变中心。比方说,我有两个梯度例子()。一个基本的(完美的): 牛眼重复径向梯度 定义径向渐变时,有两个主要概念: 渐变开始的点(“焦点”) 定义渐变“外部”形状的椭圆 稍后我将提到“重复”选项,但现在是:渐变从焦点向外渲染,直到到达外部形状。也许它有助于想象外部形状收缩,直到它到达焦点 这意味着,如果焦点位于定义的形状内,它将非常直观: (外汇,财政年度) (cx,cy) 将焦点移到定义半径之外。使用.45对x和y进行

我现在正在学习SVG,我被困在了径向渐变主题上,关于精确移动径向渐变中心。比方说,我有两个梯度例子()。一个基本的(完美的):


牛眼重复径向梯度

定义径向渐变时,有两个主要概念:

  • 渐变开始的点(“焦点”)
  • 定义渐变“外部”形状的椭圆
稍后我将提到“重复”选项,但现在是:渐变从焦点向外渲染,直到到达外部形状。也许它有助于想象外部形状收缩,直到它到达焦点

这意味着,如果焦点位于定义的形状内,它将非常直观:


(外汇,财政年度)
(cx,cy)

将焦点移到定义半径之外。使用
.45
对x和y进行测试,例如,要看到它的行为更符合您的预期。如果您使用了更合理的值,您应该能够看到它为什么会出现您在此处看到的行为,但如果您仍然感到困惑,尝试关闭“重复”,这应该会有所帮助。@Dave和我仍然对这里的哪些值是合理的以及原因感兴趣。我试着用谷歌搜索它是如何工作的,以及为什么有些渐变接受这些数字(例如,我用来研究SVG的一本书),而有些不接受,也就是找不到信息。这就是我发布这个问题的原因。@Dave,如果你理解这一切是如何运作的,你能不能再补充一点信息来回答这个问题?