wpf 缩放导致线宽不一致

最新推荐文章于 2021-10-12 23:45:28 发布
最新推荐文章于 2021-10-12 23:45:28 发布
阅读量863 收藏
点赞数
分类专栏： wpf 文章标签： wpf c#
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_34759481/article/details/111575509
版权
在WPF中，当矩形和线条在进行缩放操作时，线宽会出现不一致的情况。本文通过实例代码展示了问题的现象，并提出了两种解决方案：一是通过调整StrokeThickness来保持线宽比例；二是利用PathFigureCollection的Path画法，尤其在缩放比例不相等时更为适用。
摘要由CSDN通过智能技术生成

wpf画矩形和划线时需要横向放大或者纵向放大,导致线宽不相等,如下图所示

1.矩形代码如下

            <Rectangle Width="100" Height="100" Stroke="Black" Canvas.Top="20">
                <Rectangle.RenderTransform>
                    <ScaleTransform ScaleX="3" ScaleY="1"/>
                </Rectangle.RenderTransform>
            </Rectangle>

效果图如下

2.折现代码如下

            <Polyline Points="0 0 20 100 30 0 40 100 50 100 60 0" Stroke="Black" Canvas.Top="20">
                <Polyline.RenderTransform>
                    <ScaleTransform ScaleX="3" ScaleY="1"/>
                </Polyline.RenderTransform>
            &l
最低0.47元/天 解锁文章
飞鸟慕鱼
关注
专栏目录
wpf linewidth linestyle combobox（线宽选择器）
realzuile的博客
11-27 693
wpf没有默认的线宽、线样式选择器，不过通过自制可以达到如下效果： 代码如下： <StackPanel Orientation="Horizontal" Margin="0 10 0 0"> <TextBlock Margin="13 0 0 0" VerticalAlignment="Center">Line Style:&...
WPF图片拖拽、移动、缩放
bajiuxiaoqingtian的博客
05-27 3030
WPF图片的拖拽、移动和缩放事件是比较常用的，主要是通过操作前端的TransformGroup实现图片常用事件，回调函数不影响主要功能 前端代码(.xmal / .xaml.cs) // .xaml <UserControl.Resources> <conv:ImageConverter2 x:Key="imageConv"></conv:ImageConverter2> <TransformGroup x:Name="tra
c# WPF 中图片缩放功能，鼠标拖动位置
u013758456的专栏
06-30 2053
c# WPF 中图片缩放功能，鼠标拖动位置
WPF 2D图形 性能挑战。
qq124493482的专栏
05-14 1499
目标： 在一个Canvas 上 画600*300个点，显示结果是 600条曲线，无论是用600个Polyline 分别画300点，还是 一个FrameworkElement-->OnRender 600*300点。 要求 绘制出来后 鼠标滚轮进行缩放，收放自如，没有任何滞后、卡的感觉，不能直接用位图, 因为位图 放大失真厉害，缩放起来 性能就像canvas上仅仅放了一张位图一样 轻
WPF 解决 ViewBox 不显示线的问题
06-13
WPF 解决 ViewBox 不显示线的问题
【wpf】Line缩放变换后线宽变化
kevinshift的博客
02-17 922
https://docs.microsoft.com/en-us/answers/questions/276944/wpf-line-stokethickness-seems-grow-as-line-is-scal.html
WPF代码注意事项,开发常见问题，知识总结
weixin_34101784的博客
10-05 155
代码注意事项： 1、代码实现的样式赋值 XXX.Style = TryFindResource("StyleName") as Style; 2.WPF中FindName方法的使用 　(1)简单的使用　前台代码： <Button x:Name="btnName"Click="btnName_Click">Test Meth...
WPF中图形表示语法详解（Path之Data属性语法）
热门推荐
祝紫山（大可山人）博客[GDI+,WPF, .Net图形图像]
11-14 5万+
大可山 [MSN:a3news(AT)hotmail.com] http://www.zpxp.com 萝卜鼠在线图形图像处理--------------------------------------------------------------老规矩，看图说话。先看显示效果：（图1）XAML(代码A)：http://schemas.microsoft.com/winfx/2006/xam
[WPF]WPF中材质制作——图片和矢量图之争
weixin_34087301的博客
03-03 227
如果要做下面这样的一个东西作为背景。你会如何做呢？ 图1. 目标背景效果 方案一，用PS画出来。然后把这个PNG图片作为背景色。这个方案可以，但是如果想让这个线的颜色可配置呢？如何线的粗细不确定呢？无论哪个问题，用像素图的方式都不好解决。 方案二，用WPF的矢量图绘制。这个方案可以比较容易地解决上面两个问题。   但是无论我们用哪种方式，都不会把整个图的大小画出来。而是画是一个最...
Direct2D 及 WPF手动绘图中的线宽问题
西风世界
02-17 3862
最近在用Direct2d 绘图时，常常遇到绘制直线颜色较浅较粗，不大好看，而WPF自己框架绘制出来的图却是非常的清晰，我用的是纯黑的画笔，线宽是1，绘制的五线谱，就显得更像灰色，感觉更粗一些，而这个五线谱控件的边框线宽设置的也是1，却显得非常清晰。 我将细节部分放大后看，又发现两线是一样的，这是什么原因呢？ 原来，Direct2d绘图引擎，非常强调浮点绘图，所谓浮点绘图，就是允
【愚公系列】2023年10月 WPF+上位机+工业互联 004-特殊容器
时光隧道
09-07 4万+
WPF布局是指在Windows Presentation Foundation（WPF）中定义和管理用户界面元素的方式。WPF提供了不同类型的布局容器，如Grid、StackPanel、WrapPanel和DockPanel等，使得开发人员能够轻松地创建灵活和可扩展的用户界面。WPF布局可通过XAML标记语言或代码实现。它提供了一种分离界面和逻辑的方式，使得开发人员能够更容易地管理用户界面的外观和行为。控件功能Canvas。
【愚公系列】2023年10月 WPF+上位机+工业互联 023-几何图形(PathGeometry)
时光隧道
09-22 4万+
几何图形是指平面或立体的形状、大小、位置、角度、边数等固有的几何特征，例如线段、角、三角形、正方形、圆、立方体、球等。通常使用几何学来研究和描述几何图形的性质和关系。PathGeometry是WPF中用于绘制路径的控件，其常用的属性有：Figures：定义路径的集合，每一个Figure定义了一个形状。每个Figure必须包含至少一个PathSegment。FillRule：填充规则，可以是EvenOdd或Nonzero。Transform：指定路径的变换，可以是旋转、缩放、平移等。
本文主要讲解WPF中的基本图形知识
m0_57818557的博客
09-20 1484
本文主要讲解WPF中的基本图形知识，内容如下： 1。图形的基础知识准备 2。WPF中的图形体系结构 3。颜色和画刷 4。Shape 5。Drawing和Visual 1.1WPF中的坐标 1.1.1 WPF的默认坐标：WPF中平面坐标系主要包括原点位置、X和Y轴方向，以及坐标单位。WPF的默认坐标系原点位置在绘制区域的左上角，X轴向右增加，Y轴向下增加。 自定义坐标系：自定义坐标系主要通过Transform类来实现，一般可以使用ScaleTransform和Translat...
C# wpf 实现窗口按比例缩放
codeofcc的博客
10-12 1万+
概述 做客户端有时为了让界面适用各种不同的系统分辨率，让界面内控件布局大小始终保存比例是一种方法。可以使用配置文件做不同分辨率的适配，或者通过代码根据不同的分辨率重新计算控件大小及位置。在wpf有一种更简单的方法，使用viewbox。 方法 ViewBox可以自动缩放其内部的元素，无论是控件、容器、文本都可以按比例自动缩放。 想要实现整个窗口按比例缩放需要如下步骤： ViewBox作为一级容器 一级容器即<Window>标签下第一个元素 设置二级容器大小 将窗口本身需要的容器设在ViewBox
WPF控件内容自动缩放及放大镜
LH806732的专栏
08-15 1万+
一、功能、布局描述 1、使用Grid的GridSplitter实现可拖拽分隔栏效果。当ShowsPreview设置为True时，拖拽过程中不会刷新（控件内容要等到鼠标释放时才变化）；当ShowsPreview设置为False时，控件内容实时跟随变化。 2、使用ViewBox特性实现控件内容随拖拽自动变化。 3、布局代码：
C# WPF 可拉伸窗口大小，当Resize=NoResize时可用
spotatoes的专栏
03-12 4618
using System; using System.Collections.Generic; using System.Linq; using System.Runtime.InteropServices; using System.Text; using System.Threading; using System.Threading.Tasks; using System.Windows;
wpf 缩放不改变控件在画布的中心位置
最新发布
06-07
要实现WPF缩放时不改变控件在画布中心位置的效果，可以尝试以下步骤： 1. 将控件放置在一个Canvas控件中，并设置Canvas.Left和Canvas.Top属性，将控件放置在画布中心。 2. 将Canvas控件放置在一个Grid控件中，并将该Grid控件放置在Window中。 3. 在Window的Loaded事件中，通过VisualTreeHelper.GetChild方法获取Canvas控件，并获取其RenderTransform属性。 4. 创建一个ScaleTransform对象，并将其应用于Canvas控件的RenderTransform属性中。 5. 在ScaleTransform对象中设置CenterX和CenterY属性，使其缩放时围绕画布中心进行缩放。 下面是一个示例代码： ```xml <Window x:Class="WpfApp1.MainWindow" xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" Title="MainWindow" Height="450" Width="800" Loaded="Window_Loaded"> <Grid> <Canvas Width="200" Height="200" Background="LightGray" Left="300" Top="125" RenderTransformOrigin="0.5,0.5"> <Ellipse Width="100" Height="100" Fill="Red"/> </Canvas> </Grid> </Window> ``` ```csharp private void Window_Loaded(object sender, RoutedEventArgs e) { var canvas = VisualTreeHelper.GetChild(this.grid, 0) as Canvas; var transform = new ScaleTransform(); canvas.RenderTransform = transform; transform.CenterX = canvas.Width / 2; transform.CenterY = canvas.Height / 2; } ``` 在上面的示例中，我们将Canvas控件放置在Grid控件中，并将其放置在Window中。在Window的Loaded事件中，我们获取了Canvas控件，并创建了一个ScaleTransform对象，将其应用于Canvas控件的RenderTransform属性中。然后，我们设置了ScaleTransform对象的CenterX和CenterY属性，使其缩放时围绕画布中心进行缩放。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值