标签: scaletransform

我正在使用border-image属性来创建带有 9 切片的样式组件。此外，我还使用 csstransform: scale(x)属性根据屏幕尺寸缩小/放大我的元素。我遇到的问题是，当比例设置为整数（如 1、2、3...）时，我的 9 切片组件看起来不错，但如果它是浮点数，则边框显示 9 切片线/间隙，而我是很难修复它。

我尝试过为border-image-slice以及设定不同的值scale。最初认为当小数点后的数字是奇数时会导致此问题，但无论如何这是一个奇怪的想法。

<div class="Primary-Back-Button" style="transform: scale(1.2);">
  <button class="Primary-Button" id="">
     <div class="Primary-Button-Content">Button</div>
  </button>
</div>

预期的结果是在使用比例时在边界上不显示任何线条/间隙，否则我也愿意改变我们缩放事物的方式。我基本上想在桌面应用程序上保持相同的布局，无论屏幕尺寸是什么。这是我正在开发的一款桌面游戏，它在 UI 端使用 JS。

当比例为整数时的预期结果，在本例中设置为 6：

注意当我将比例设置为 6.25 时的线条

现在我一直在解决扩展新数据的问题。在我的方案中，我已经训练并测试了模型，所有 x_train 和 x_test 都使用 sklearn.MinMaxScaler() 进行了缩放。然后，应用于实时过程，我如何在训练和测试数据的相同规模下缩放新输入。步骤如下

featuresData = df[features].values # Array of all features with the length of thousands
sc = MinMaxScaler(feature_range=(-1,1), copy=False)
featuresData = sc.fit_transform(featuresData)

#Running model to make the final model
model.fit(X,Y)
model.predict(X_test)

#Saving to abcxyz.h5

然后用新数据实施

#load the model abcxyz.h5
#catching new data 
#Scaling new data to put into the loaded model << I'm stucking in this step
#...

那么如何缩放新数据进行预测，然后逆变换为最终结果呢？从我的逻辑来看，在训练模型之前，它需要以与旧缩放器相同的方式进行缩放

请帮忙！

我试图将图像的大小增加20.所以我使用ScaleTransform,如下所示..但以下代码不做任何规模Tranform ..任何帮助将不胜感激...

<Grid>
    <Canvas>
    <Canvas Height="50" Width="50" Canvas.Top="10" Canvas.Left="100"
            Visibility="Visible">
        <Image Name="Img" Source="Help.PNG" Canvas.Left="0" Canvas.Top="0">
        </Image>
    </Canvas>
    <Button Canvas.Left="100" Canvas.Top="100" Height="42.5" Name="button3"
            Width="100" Visibility="Visible">
        <Button.Triggers>
            <EventTrigger RoutedEvent="Button.Click">
                <BeginStoryboard>
                    <Storyboard Name="MoveBox">
                        <DoubleAnimation Storyboard.TargetName="Img"
      Storyboard.TargetProperty="(Image.RenderTransform).(ScaleTransform.ScaleX)"
      From="1" To="20" BeginTime="0:0:3.75" Duration="0:0:1.25" />
                        <DoubleAnimation Storyboard.TargetName="Img"
      Storyboard.TargetProperty="(Image.RenderTransform).(ScaleTransform.ScaleY)"
      From="1" To="20" BeginTime="0:0:3.75" Duration="0:0:1.25" />
                    </Storyboard>
                </BeginStoryboard>
            </EventTrigger>
        </Button.Triggers>
    </Button>
    </Canvas>
</Grid>

我正在开发一个WPF应用程序,它将以全高清LCD屏幕(42英寸)显示.另外,我需要在绝对位置容纳控件.在开发环境中,我看不到长度为1920x1080的窗口(这是目标屏幕的固定分辨率).

完成此任务的最佳做法是什么？

我正在创建一个包含单个图像的对话框,并覆盖多边形.问题是图像的比例与多边形的比例不同,所以我想缩小图像以匹配多边形的比例.但是当我使用RenderTransform/ScaleTransform标签时,图像的大小会缩小,在对话框的右下角留下空白.是的,叠加现在可以正常工作,但我想让它填满可用空间来填充窗口.

<Window x:Class="vw.CollImage"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    Title="Collection Image" Height="700" Width="700"
    WindowStartupLocation="CenterOwner" Grid.IsSharedSizeScope="False"
    Icon="Resources\ty.ico">

    <Viewbox MinWidth="70" MinHeight="70">
        <Grid>
            <Image Name="imgColl" HorizontalAlignment="Left" VerticalAlignment="Top" Source="{Binding ImageData}">
                <Image.RenderTransform>
                    <ScaleTransform ScaleX="0.75" ScaleY="0.75"/>
                </Image.RenderTransform>
            </Image>
            <Polyline Stroke="OrangeRed" StrokeThickness="6" Points="{Binding Coordinates}"/>
        </Grid>
    </Viewbox>
</Window>

我有这种情况

橙色区域是我的视图,绿色区域是ImageView; 现在我想问你是否有办法放大这个imageView全屏并用动画在所有视图上展开它.我知道动画怎么做,我认为我可以使用

imageView.transform = CGAffineTransformMakeScale(x,y);

但这不是简单的,你能帮助我吗？