问题描述

我想绘制以按钮为中心的缩放的svgpath节点.按钮应保持其大小独立于图像大小，SVGPATH应保留其相对位置.

我是Javafx的新手，所以也许我正在采用错误的方法.基本上，我正在尝试创建使用带有覆盖的SVG图像的文本的按钮.

问题是按钮图像被取代.

<Button prefWidth="30" prefHeight="30">
    <padding>
        <Insets top="0" right="0" bottom="0" left="0"/>
    </padding>
    <graphic>
        <Pane scaleX="0.3" scaleY="0.3">
            <SVGPath fill="BLACK" content="M92.032,33.384L69.047,55.835l5.465,31.662L46.057,72.576L17.634,87.557l5.398-31.673L0,33.481l31.791-4.654L45.98,0
l14.25,28.797L92.032,33.384z"/>
            <SVGPath fill="RED"
                     content="M65.681,48.339c0,10.776-8.804,19.512-19.665,19.512s-19.665-8.736-19.665-19.512
            s8.804-19.512,19.665-19.512S65.681,37.563,65.681,48.339z"/>
        </Pane>
    </graphic>
</Button>

推荐答案

我找到了解决方案.我认为关键是Group文档的这一部分:

“应用于该组的任何转换，效果或状态都将应用于该组的所有子女.这种转换和效果将不包括在该组的布局范围中，，如果将转换和效果直接设置为在这个小组的孩子上，这些将包含在该组的布局范围中.”

<Group>
   <Pane scaleX="0.25" scaleY="0.25">
       <SVGPath fill="BLACK"
             content="M92.032,33.384L69.047,55.835l5.465,31.662L46.057,72.576L17.634,87.557l5.398-31.673L0,33.481l31.791-4.654L45.98,0
l14.25,28.797L92.032,33.384z"/>
       <SVGPath fill="RED"
             content="M65.681,48.339c0,10.776-8.804,19.512-19.665,19.512s-19.665-8.736-19.665-19.512
            s8.804-19.512,19.665-19.512S65.681,37.563,65.681,48.339z"/>
   </Pane>
</Group>

以上所述是小编给大家介绍的如何将缩放的向量图形上按钮?,希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对77isp云服务器技术网的支持！