路径的圆角
Rounded corners for path
我正在创建自己的复选框样式。我在互联网上找到了我喜欢的代码，但我对 WPF 绘图不太自信。我需要把这些角弄圆。如何使这些角变软？
<Path Name="InnerPath"
Data="M31,5 L19.5,5 19.5,19.5 34.5,19.5 34.5,11.75"
Stretch="Fill"
Stroke="#808080" />
起初，路径标记可能看起来很混乱。关于您的问题，您需要关注的主要标记是 M、Q、L 和 Z。
M是新路径的起点。由于您的图像包含 2 个元素（路径），因此您将使用 2 M 标记 - 一个用于复选标记，另一个用于框。
Q 表示二次贝塞尔曲线。需要两点。第一个确定将线拉到哪里，第二个是它的终点。请务必注意，之前的设定点标志着曲线的开始。
L代表直线。这在贝塞尔曲线之后很关键，否则会引发错误。显然，解析器看到了 Q，处理了前两组数字，然后看到了与标记和 BOOM 无关的第三组。在您的情况下，使用 L 是因为我们正在制作一条线。但是，我们可以使用另一个 Q 来制作一条波浪线。
Z 将关闭一条路径并将其连接到起点。
查看您的原始图像，唯一需要的标记是 M 和 Z。您的路径数据 属性 值将是：
米 263,99 263,115 87,115 87,340 311,340 311,221
327,221 327,355 73,355 73,99
M 186,323 105,238 143,195 186,240,351,68 391,112 Z
希望这张图片能帮助解释上面的数字：
Outline Image
唯一的添加是向路径添加填充 属性 并使用与笔划相同的值 (#808080)。这会为您提供与原始图像相同的图像。不要担心这些是大数字。作为基于矢量的图形，它们将按比例缩小以适合其容器！
（对于那些好奇我是如何得出这些数字的人，我将上面的图像放入 photoshop，展开 canvas 使其成为正方形，然后在 photoshop 中简单地记下每个点 X、Y 并使用那些数字。）
关于曲线...
这是 Q 标记和 L 的用武之地。希望以下插图对您有所帮助。这里我们有一个简单的 90 度角：
RightAngle
要将曲线放入其中，我们需要使用 Q 标记。如果你想做一条完美的曲线，你可以使用两条线相交的点。因为这是一个 90 度角，所以很容易弄清楚。这将是曲线被拉到的点。在我们上面的示例中，这将是点 0,0。接下来我们需要知道我们希望曲线从哪里开始，end.The 离锚点越远，曲线越大。在下图中，我使用了 50:
CurvedAngle
用简单的语言 M 100,0 50,0 Q 0,0 0,50 L 0,100 翻译成：
从点 100,0 开始，绘制到点 50,0，从那里开始一条曲线被拉到点 0,0 并在点 0,50 结束。现在画一条线到 0,100。
希望这解释了如何在路径中制作曲线。一旦你掌握了它，它实际上很容易。只要有一点创意，你真的可以用路径做很多事情。
考虑到上述情况，我 认为 您正在寻找的标记是（不要忘记添加填充 属性！）：
Data="M 263,99 263,115 113,115 Q 87,115 87,139 L 87,315
Q 87,340 113,340 L 287,340 Q 311,340 311,315 L 311,221
327,221 327,315 Q 327,355 287,355 L 113,355 Q 73,355
73,315 L 73,139 Q 73,99 113,99
Z M 186,323 105,238 143,195 186,240,351,68 391,112 Z
以上标记为您提供：
CurvedCheckBox
这是标记命令的 link：
MarkupCommands
以下是制作形状的一些示例：
MakingShapes
我正在创建自己的复选框样式。我在互联网上找到了我喜欢的代码，但我对 WPF 绘图不太自信。我需要把这些角弄圆。如何使这些角变软？
<Path Name="InnerPath"
Data="M31,5 L19.5,5 19.5,19.5 34.5,19.5 34.5,11.75"
Stretch="Fill"
Stroke="#808080" />
起初，路径标记可能看起来很混乱。关于您的问题，您需要关注的主要标记是 M、Q、L 和 Z。
M是新路径的起点。由于您的图像包含 2 个元素（路径），因此您将使用 2 M 标记 - 一个用于复选标记，另一个用于框。
Q 表示二次贝塞尔曲线。需要两点。第一个确定将线拉到哪里，第二个是它的终点。请务必注意，之前的设定点标志着曲线的开始。
L代表直线。这在贝塞尔曲线之后很关键，否则会引发错误。显然，解析器看到了 Q，处理了前两组数字，然后看到了与标记和 BOOM 无关的第三组。在您的情况下，使用 L 是因为我们正在制作一条线。但是，我们可以使用另一个 Q 来制作一条波浪线。
Z 将关闭一条路径并将其连接到起点。
查看您的原始图像，唯一需要的标记是 M 和 Z。您的路径数据 属性 值将是：
米 263,99 263,115 87,115 87,340 311,340 311,221 327,221 327,355 73,355 73,99 M 186,323 105,238 143,195 186,240,351,68 391,112 Z
希望这张图片能帮助解释上面的数字： Outline Image
唯一的添加是向路径添加填充 属性 并使用与笔划相同的值 (#808080)。这会为您提供与原始图像相同的图像。不要担心这些是大数字。作为基于矢量的图形，它们将按比例缩小以适合其容器！
（对于那些好奇我是如何得出这些数字的人，我将上面的图像放入 photoshop，展开 canvas 使其成为正方形，然后在 photoshop 中简单地记下每个点 X、Y 并使用那些数字。）
关于曲线...
这是 Q 标记和 L 的用武之地。希望以下插图对您有所帮助。这里我们有一个简单的 90 度角：
RightAngle
要将曲线放入其中，我们需要使用 Q 标记。如果你想做一条完美的曲线，你可以使用两条线相交的点。因为这是一个 90 度角，所以很容易弄清楚。这将是曲线被拉到的点。在我们上面的示例中，这将是点 0,0。接下来我们需要知道我们希望曲线从哪里开始，end.The 离锚点越远，曲线越大。在下图中，我使用了 50:
CurvedAngle
用简单的语言 M 100,0 50,0 Q 0,0 0,50 L 0,100 翻译成： 从点 100,0 开始，绘制到点 50,0，从那里开始一条曲线被拉到点 0,0 并在点 0,50 结束。现在画一条线到 0,100。
希望这解释了如何在路径中制作曲线。一旦你掌握了它，它实际上很容易。只要有一点创意，你真的可以用路径做很多事情。
考虑到上述情况，我 认为 您正在寻找的标记是（不要忘记添加填充 属性！）：
Data="M 263,99 263,115 113,115 Q 87,115 87,139 L 87,315
Q 87,340 113,340 L 287,340 Q 311,340 311,315 L 311,221
327,221 327,315 Q 327,355 287,355 L 113,355 Q 73,355
73,315 L 73,139 Q 73,99 113,99
Z M 186,323 105,238 143,195 186,240,351,68 391,112 Z
以上标记为您提供： CurvedCheckBox
这是标记命令的 link： MarkupCommands
以下是制作形状的一些示例： MakingShapes