问题标签 [flutter-canvas]

每次方法中的变量_lastIndex更改时，我都想重新绘制我的 RepaintBoundary 小部件的孩子setState()。基本上，我希望 RepaintBoundary 的行为与适用于任何普通 Container 的行为相同 - 但出于不相关的原因，我需要 RepaintBoundary 而不是 Container。我玩了一下，发现在第一个示例中发生更改时，子 ( MyPainter) 会重新渲染_lastIndex，而在第二个示例中则不会。它背后的规则是什么让这两个例子的行为如此不同？

1.例子

2.例子

用户点击后，我希望画布重绘，但它永远不会。我尝试使用 setState 并返回不同的画家，但似乎没有任何效果。如果我翻转屏幕或将页面替换为自身，它会被重新绘制，但这确实效率低下并且看起来不太好。我自己尝试对此进行研究，但所有潜在的答案都太令人困惑而无法理解，或者根本不起作用。任何帮助将不胜感激。

以下是代码的相关部分：

即使我的目标是计算，为什么下方的 Rect 线会在屏幕下方？

代码：

如何限制在图像区域内绘图？

如何在 Flutter 的 Canvas 上将文本显示为 3D？我想到的一种方法是多次复制文本，但将每个复制者显示为与原始文本的偏移量。这样做的问题是您将无法区分边缘，因为不会有任何阴影/照明。

Below is the custom shape I've want to give an inner shadow to :

Below is the code I've used to create this shape : (The text part is not included in the code)

As mentioned in the question, my goal is to add an inner shadow to this shape like the image below :

Can someone please help me achieve this?

Thankyou in advance.

我正在尝试将 ui.Image 保存到设备库中，为此我必须转换 ui.Image.toByteData 这需要很长时间。有没有办法在不使用 ui.Image.toByteData 的情况下将图像保存到图库？以下是我的代码。

有没有办法将画布绘制的图像作为 svg 图像？我尝试使用 PictureRecorder 作为 ui.Image 但它的质量很差，所以决定获取矢量图像而不是光栅。

PS我想缓存画布:)

根据路径的文档：

据我了解，这意味着当Path对象关闭时，它会围绕一个二维区域。

当用户单击屏幕上的某个点时，我想计算用户单击的点与路径包围的区域之间的距离。我得到了用户通过 GestureDetector/onPanDown 点击的观点，但我无法弄清楚如何计算到路径的距离（或路径包围的区域）。Path 提供的所有函数似乎都返回 void 或 bool 但没有距离。

想象一下：（当我将它绘制到屏幕上时，红色是 Path 对象，X 应该是我的用户单击的位置；绿线表示的两者之间的距离是我感兴趣的）

如何计算距离？

当我尝试在同一路径中渲染两条弧线时，两者都会同时渲染，但我需要在第一条弧线的动画完成后渲染第二条弧线。

我只想渲染第二条弧线，因为它应该从第一条弧线的末端开始并完成动画的其余部分（连续动画）。

预期成绩	实际结果

我已经附上了下面的代码片段，任何人都可以帮我解决这个问题。

预期的 ：