如何在按钮上居中缩放矢量图形？
我想绘制以按钮为中心的缩放SVGPath节点。按钮应该保持其大小与图像大小无关，SVGPaths应该保留它们的相对位置。
问题是按钮图像被移位了。
<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>
共有1个答案
我找到了解决办法。我认为关键在于组文档的这一部分：
“应用于组的任何转换、效果或状态都将应用于该组的所有子级。此类转换和效果不会包含在该组的布局界限中，但是，如果转换和效果直接设置在该组的子级上，则这些转换和效果将包含在该组的布局界限中。”
<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>
-
下面给出的是我使用材料ui编码的代码。我对那个地区还是新手。我需要把我的按钮放在中间。但它到了拐角处。我的代码有问题吗？
-
问题内容： 我有一个宽度为100％的div。 我想将按钮居中放置，该怎么办？ 问题答案： 更新的答案 由于我注意到这是一个积极的答案，所以进行了更新，但是Flexbox现在是正确的方法。 现场演示 垂直和水平对齐。 只是水平的（只要主伸缩轴是水平的，这是默认值） 使用固定宽度且没有flexbox的原始答案 如果原始海报想要垂直和居中对齐，则对于固定按钮的宽度和高度非常容易，请尝试以下操作 CSS
-
我不知道如何在材质UI中居中放置按钮。这是我的代码： 我怎样才能使我的按钮居中？
-
问题内容： 我正在Twitter Bootstrap中构建表单，但是将按钮居中于表单输入下方时出现问题。我已经尝试过将类应用于按钮，但这没有用。我该如何解决？ 这是我的代码。 问题答案： 用“文本中心”类在div中包装Button。 只需更改此： 对此： 编辑 作为 BootstrapV4 ，滴入＃19102赞成
-
问题内容： 我有大型数据集（10 Hz数据，因此每24小时需要864k点），需要实时绘制。这个想法是用户可以缩放和平移到高度详细的散点图。 数据不是很连续，并且存在峰值。由于数据集太大，因此每次刷新图时我都无法绘制每个点。 但是我也不能只画出第n个点，否则我会错过主要特征，例如大而短的尖峰。 Matlab做得对。您可以给它一个全为零的864k向量，只需将任何一个点设置为1，它就会通过缩放和平移实时
-
问题内容： 对于树形视图中的每一行，我想要4个图像按钮彼此相邻。它们的作用就像单选按钮，一次只能激活一个。每个按钮都有一个“开”和“关”图像。 我该怎么做呢？我想出了如何在其中放置图像以及如何放置切换按钮，但这似乎需要更多的努力，因为没有预构建的cellrenderer可以满足我的要求。 基本上，解决我的问题的办法是弄清楚如何制作可点击的图片。有任何想法吗？ 问题答案： 看看这个‘ http://