问题标签 [flutter-canvas]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
1 回答
4664 浏览

flutter - 如何在颤动中使用拇指创建一个范围滑块作为png图像

如何在颤动中创建笑脸范围滑块。就像下面的 GIF 图片。在此处输入图像描述

与自定义主题离散我尝试更改拇指形状。但我想将拇指更改为图像。

0 投票
3 回答
4954 浏览

flutter - 用颤振画布在形状上切一个洞

如何用颤动的画布在形状上“切一个洞”?我有一组相当复杂的形状,看起来像一个真实世界的物体。这个物体上有一个形状像圆角矩形的孔。

我真的很想从一个形状中减去一个 RRect,但我找不到任何关于如何做到这一点的信息。 canvas.clipRRect(myRRect)只是删除所有未被myRRect. 我想要相反的。即myRRect在当前画布形状或形状中制作形状孔。

0 投票
1 回答
940 浏览

flutter - 颤动设计曲线布局作为单个小部件

这里解决了有关设计此布局的问题。

在此处输入图像描述

我在使用它时遇到了问题,因为屏幕右侧的这条曲线不是小部件,当我想在绿色一侧有一些其他小部件时,我不能,因为设计的曲线不是从绿色布局中剪裁的小部件。

假设我想在屏幕右侧有这条曲线,下面有一些小部件。

源代码

我想在所有小部件之上使用右曲线作为小部件,没有绿色的一面,你假设绿色的一面是ListView.

0 投票
3 回答
5735 浏览

image-processing - 如何在 Flutter 中从画布上裁剪圆形(或方形或六边形)区域

我想裁剪一个矩形图像文件并使其成为圆形或正方形或六边形并将其保存为本地图像文件。我有一个位图,我想从这个位图中裁剪一个圆形或六边形区域。圆圈外的所有像素都应该是透明的。我怎样才能做到这一点?

在此处输入图像描述

我在android平台上发现了类似的问题。但是无法找到真正帮助或指导我实现这一目标的好资源。请分享我实现这一结果的想法。

0 投票
1 回答
1169 浏览

image - 如何在颤动中使用 Canvas 裁剪 png 图像并删除其未使用的空间?

此附件来自通过画布在本地保存的渲染画布图像。在图像中,我绘制了要在画布中渲染并在本地保存的方形框,没有左右多余的空格。我只想保存方形框并删除不必要的 PNG 图像空间。那么,如何做到这一点呢?

在此处输入图像描述

小部件源代码:

PngImageCropper-代码

0 投票
0 回答
701 浏览

flutter - 在颤动中将Base64Encoded图像绘制为画布背景

我的代码面临两个问题:

1) 我无法在 Canvas 中添加 Base64Encoded 字符串图像作为背景。 代码 代码

2)我在画布上徒手画的任何东西,都不会剪裁在画布的底部边缘 截屏

希望在完成上述两项任务方面有所帮助。我也附上了我现有的代码。

==================================================== =========== 更新:所以,我终于设法在画布上添加图像,感谢您的帮助。我遇到的问题是限制容器内的图像,无论图像大小如何。我附上了两种不同图像尺寸的屏幕截图,以更好地说明我的问题:

截图 1 在此处输入图像描述

0 投票
4 回答
2409 浏览

flutter - 如何从 Canvas CustomPaint 中擦除/剪辑?

我已经尝试在画布上使用Canvas.clipPathwithGestureDetector来像橡皮擦一样使用CustomPaint里面的Containerwith imageDecorationset,所以我想也许有另一种解决方法,通过使用Canvas.drawPathalong 设置

但它会画黑线而不是擦除

知道如何解决这个问题吗?

谢谢

0 投票
2 回答
3055 浏览

flutter - 颤振有向图。我可以将 CustomPainter 类与自定义小部件一起使用吗?

我想用颤振构建一个如下图所示的有向图。我不知道从哪里开始。我在互联网上搜索没有成功。这种图需要哪些算法?我尝试使用自定义画家类构建此图。我不知道如何在自定义画家类中使用自定义小部件。(例如,旁边有人物图片和文字的矩形)。我只能画矩形和线条......缩放和平移我想我可以用 GestureDetector 类来做。该图应该是可动态定制的。

在此处输入图像描述

0 投票
1 回答
9742 浏览

flutter - 在 Flutter Canvas 中使用 Gradient 和 Paint 对象

我可以使用以下示例绘制一个半圆: Flutter how to draw semicircle (half circle)

但是,该Paint对象似乎只接受一个Color(使用Paint.color)。我想添加一个RadialGradientorLinearGradient作为Color. 那可能吗?

0 投票
1 回答
1516 浏览

flutter - 自定义 Painter 类在 Stack Flutter 中不可见

出于某种原因,Stack小部件不显示Container带有CustomPaint.

但是,如果从中删除Stack,它可以正常工作。我在这里想念什么?

谢谢!