delphi - 在 ImgView32 图层上绘制粗虚线

Question

我只想在 ImgView32 中的图层上绘制一条垂直的点状粗线。 我还希望我的线条更粗，因此我绘制多条彼此靠近的线条，因为 Canvas.Pen.Width 对 LineTo 方法没有影响。 所以我的代码如下:

procedure TMainForm.PaintDottedHandler(Sender: TObject;Buffer: TBitmap32);
var
  Cx, Cy,raza: Single;
  W2, H2: Single;
  I,J: Integer;
  points:TArrayOfFloatPoint;
  Center, Radius:TFloatPoint;
const
  CScale = 1 / 200;
begin

  if Sender is TPositionedLayer then
    with TPositionedLayer(Sender).GetAdjustedLocation do
    begin
      W2 := (Right - Left) * 0.5;
      H2 := (Bottom - Top) * 0.5;

      Cx := Left + W2;
      Cy := Top + H2;
      W2 := W2 * CScale;
      H2 := H2 * CScale;
      Buffer.PenColor := clRed32;

      Buffer.MoveToF(Cx-2,Top);
      Buffer.LineToFSP(Cx-2 , Bottom);

      Buffer.MoveToF(Cx-1,Top);
      Buffer.LineToFSP(Cx-1 , Bottom);

      Buffer.MoveToF(Cx,Top);
      Buffer.LineToFSP(Cx , Bottom);

      Buffer.MoveToF(Cx+1,Top);
      Buffer.LineToFSP(Cx+1 , Bottom);

      Buffer.MoveToF(Cx+2,Top);
      Buffer.LineToFSP(Cx+2 , Bottom);
    end;
end;

因此该线应放置在新图层的中间。我使用这个添加图层:

procedure TMainForm.DottedLine1Click(Sender: TObject);
var
  L: TPositionedLayer;
begin
  L := CreatePositionedLayer;
  L.OnPaint := PaintDottedHandler;
  L.Tag := 2;
  Selection := L;
end;

对于其余代码，只需将我的代码添加到图层示例中，您就可以重现我的问题。

据我所知，为了绘制虚线，有多种方法，例如带有 LineToFSP 的 Stipple(在我的代码中使用)或带有 BuildDashedLine 点的 PolyPolygonFS。但我似乎无法让它们中的任何一个正常工作。 实际上，第二种方法没有任何作用......所以我坚持第一种方法。 所以看起来每次它开始画一条线时，虚线的开始方式都是随机的。所以它要么是一个像素，要么是一个空像素。 因此，当我调整图层大小时，线条会发生如下图所示的变换:

事实上我想要实现的就是这样:

当然，我希望在调整图层大小时再次绘制线条而不扭曲它(这就是我使用 onPaint 处理程序方法的原因)。 如果我只是在图层上绘制一条简单的线条(使用 Bitmap.Canvas)，然后调整图层大小，那么线条就会像拉伸(stretch) jpeg 一样扭曲，所以我想避免这种情况。

请告诉我如何在 ImgView32 (TGraphics32) 中的图层上绘制粗虚线

编辑

在尝试了答案中的代码后，我让它工作了。然而，该图层有一个副作用:当调整图层大小(使用鼠标)时，在某些宽度下，虚线的颜色会变暗并模糊，如下所示:

调整大小之前 调整大小后(有时)。

您可以使用相同的代码自行重现此内容。

编辑

这个特殊图层还有另一个问题:将其保存到文件...我尝试使用两种方法将其保存为透明 PNG，但我不断收到损坏的文件。即使我尝试将图层另存为位图，也会发生相同的损坏。请也检查一下这个问题:

Graphics32 - saving transparent drawing layer to png

Answer 1

正如@SpeedFreak提到的，您需要在每次线条绘制调用之前重置StrippleCounter。您还需要为您的线路设置合适的线路模式。这可以通过 SetStripple 方法来完成。诀窍是根据线条的宽度正确设置此图案。如果您的线条有 5 个像素宽，那么您需要一个由 5 个黑色像素和 5 个白色像素组成的图案。

试试这个，我删除了不必要的代码(已更新):

procedure TMainForm.PaintDottedHandler(Sender: TObject; Buffer: TBitmap32);
var
  R: TRect;
  Cx: Integer;
begin
  if Sender is TPositionedLayer then
  begin
    // Five black pixels, five white pixels since width of the line is 5px
    Buffer.SetStipple([clBlack32, clBlack32, clBlack32, clBlack32, clBlack32,
      clWhite32, clWhite32, clWhite32, clWhite32, clWhite32]);
    // We mest operate on integer values to avoid blurred line.
    R := MakeRect(TPositionedLayer(Sender).GetAdjustedLocation);
    Cx := R.Left + (R.Right - R.Left) div 2;

    Buffer.StippleCounter := 0;
    Buffer.MoveToF(Cx-2, R.Top);
    Buffer.LineToFSP(Cx-2 , R.Bottom);

    Buffer.StippleCounter := 0;
    Buffer.MoveToF(Cx-1, R.Top);
    Buffer.LineToFSP(Cx-1 , R.Bottom);

    Buffer.StippleCounter := 0;
    Buffer.MoveToF(Cx, R.Top);
    Buffer.LineToFSP(Cx , R.Bottom);

    Buffer.StippleCounter := 0;
    Buffer.MoveToF(Cx+1, R.Top);
    Buffer.LineToFSP(Cx+1 , R.Bottom);

    Buffer.StippleCounter := 0;
    Buffer.MoveToF(Cx+2, R.Top);
    Buffer.LineToFSP(Cx+2 , R.Bottom);
  end;
end;

结果应该如图所示:

调整图层大小时线条有时会出现“模糊”的原因是您在绘制线条时使用浮点值进行操作。您需要使用整数值。我猜测在某些情况下，当您的线条仅填充该像素的一部分时，绘图引擎决定绘制一个模糊的像素。

希望这有帮助。