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
GSAP:SVG未按预期居中 2关于_Svg_Gsap - Fatal编程技术网

GSAP:SVG未按预期居中 2关于

GSAP:SVG未按预期居中 2关于,svg,gsap,Svg,Gsap,既然我已经设置了transformOrigin:“50%50%”,为什么红色气球不以十字光标为中心呢 为什么绿色气球的原点似乎设置为“左上方”,而根据,它应该默认为“50%50%” 相关代码(我想) HTML 根据格林斯托克论坛: transformOrigin/svgOrigin影响缩放、旋转和倾斜。而svgOrigin使用元素的坐标系。因此svgOrigin:50%50%意味着svg中的所有内容都将在100150左右进行转换transformOrigin:50%50%将是引出序号的中心。要

  • 既然我已经设置了
    transformOrigin:“50%50%”
    ,为什么红色气球不以十字光标为中心呢
  • 为什么绿色气球的原点似乎设置为
    “左上方”
    ,而根据,它应该默认为
    “50%50%”
  • 相关代码(我想) HTML

    
    根据格林斯托克论坛:

    transformOrigin
    /
    svgOrigin
    影响缩放、旋转和倾斜。而
    svgOrigin
    使用
    元素的坐标系。因此
    svgOrigin:50%50%
    意味着svg中的所有内容都将在100150左右进行转换<代码>transformOrigin:50%50%
    将是引出序号的中心。要使元素居中,请使用
    xPercent:-50
    yPercent:-50

    在提供了一份报告之后,他继续:

    听起来您希望transformOrigin的行为类似于Adobe产品,在Adobe产品中,更改注册点会导致元素移动。没有,但这就是
    xPercent
    /
    yPercent
    的用途 根据格林斯托克论坛:

    transformOrigin
    /
    svgOrigin
    影响缩放、旋转和倾斜。而
    svgOrigin
    使用
    元素的坐标系。因此
    svgOrigin:50%50%
    意味着svg中的所有内容都将在100150左右进行转换<代码>transformOrigin:50%50%将是引出序号的中心。要使元素居中,请使用
    xPercent:-50
    yPercent:-50

    在提供了一份报告之后,他继续:

    听起来您希望transformOrigin的行为类似于Adobe产品,在Adobe产品中,更改注册点会导致元素移动。没有,但这就是
    xPercent
    /
    yPercent
    的用途。供参考,这是供参考,这是