问题标签 [custom-painting]
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.
flutter - 如何对飞镖中的函数进行相等检查(用于 CustomPainter 的 shouldRepaint 方法)?
我对函数的 dart 相等性检查有问题。
我有一个 CustomPainter,我想shouldRepaint()
有效地实现它的方法。
画家中有一个函数字段(ColorResolver
),它给出了y值并获取在线绘制的颜色,我希望在画家之外处理这个逻辑。
检查此代码:
只要提供的ColorResolver
逻辑与以前相同,如何防止重绘?
flutter - 在 Flutter 中使用橡皮擦覆盖图像
我正在制作一种绘画应用程序,让您在背景图像上绘画。有一些工具,比如笔,然后是橡皮擦。理想情况下,我们只在背景颜色上绘画,但它是一个图像。当我们在屏幕上平移时,我们的想法是删除手指下的点,但偏移量和本地位置不匹配(它们就像 40(单位?)关闭)。
如果我可以使用另一种方法,那就太好了,但我现在还看不到。
flutter - 颤振显示裁剪的小部件
我想在画布外绘制小部件并仅显示裁剪部分,即屏幕大小或我自己的大小,我想动态地执行此操作。例如:样本 img
我能够通过使用来做到这一点
但是使用此设置仅允许我将小部件缩放到 3 倍,因为对齐坐标沿一个轴只有 3 个位置。我希望能够将小部件缩放到 nx 并显示任何部分。请帮忙。
flutter - 在不更新状态/重建小部件的情况下重绘 CustomPaint?
我试图了解 customPaint 的工作原理,我想在画布上逐帧绘制自定义动画。
我可以通过每 1/60 秒重新绘制小部件来使其工作,但这听起来效率不高。我想每 1/60 秒渲染一次 CustomPainter,但这似乎不起作用。非常感谢任何注释或评论,以帮助我理解我应该如何实现这一目标。谢谢。
这是我正在使用的代码:
user-interface - 颤振:将常规小部件放置在 CustomPaint 画布的顶部
我的应用程序主要由 CustomPainted 页面组成。但我很想在画布上放置一两个按钮,例如PopupMenuButton
或。IconButton
这可能吗?如果是,如何?
flutter - Flutter:具有不同填充和描边颜色的自定义 Painter 绘制路径
我正在使用 CustomPainter 绘制折线图,其中线条(笔划)需要具有不同的颜色,并且填充颜色应该是不同的阴影。我可以绘制图表,但两者颜色相同。但是,我需要颜色不同。如何使用 CustomPainter 做到这一点?
另外,如果可能的话,我想知道如何用不同的颜色而不是单一的颜色绘制一条路径。
谢谢你的帮助!
flutter - 在颤动中绘制画布
我正在使用drawDRRect
绘制矩形,并希望内部颜色Colors.green
和外部颜色Colors.blue
如何控制Paint()
?
flutter - How to make the stroke width 1px in flutter's customPainter
I am building a Flutter app that allows you to draw pixel art on a canvas using CustomPainter. My Paint()
method looks like so:
Which gives me something like this (zoomed in):
After testing this I realized that that strokeWidth = 1
does not mean 1 pixel. I can change it to .1
or something, but that then seems to be doing sub-pixel painting. How can I get my stroke width to be exactly 1 pixel?
I looked through the documentation and I'm not understanding why this is happening.
flutter - Flutter 提升 CustomPainter 动画性能
我需要一个将移动的正弦和余弦函数绘制到画布中的加载小部件。我使用 CustomPaint 小部件和 CustomPainter 毫无问题地对其进行了编码,但是当我对其进行分析时,我发现它以大约 49 fps 的速度运行,而不是 60 fps。UI 线程运行良好,每帧大约需要 6 毫秒,但 Raster 线程需要更长的时间。我尝试在画布上绘制更少的点(在 for 循环中执行 i=i+5 而不是 i++),但结果完全相同。
¿ 有人可以建议我如何提高性能吗?下面是小部件代码,以及 Raster 线程在每一帧中所做的 DevTools 屏幕截图,以防它有用。
PS:我在配置文件模式下运行应用程序,所以这不应该是问题。我还想提一下,它是唯一在屏幕上重绘的小部件。非常感谢!!
flutter - 如何在自定义油漆中添加橡皮擦?
我目前正在构建一个带有自定义绘画的绘画应用程序,每个作品都很好,我有一个按钮来清除屏幕上的所有内容,但我正在寻找一个可以清除任何特定线条的普通橡皮擦,但并非全部他们中的一次如何使用自定义绘画来完成,这是我正在处理的绘画应用程序的示例代码