问题标签 [custom-painter]

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 投票
0 回答
27 浏览

flutter - 有没有办法用原始位输入编辑 PDF 文件

希望这不是一个完全无用的问题,这是我的第一个问题。

我的一个客户询问了一个功能,他们可以在哪里绘制他们的pdf文件并与保存的更改共享它们。

我正在研究颤振,我设法创建了一个小部件,该小部件提供CustomPainter类的所有绘图功能,但我的问题是我无法在 pdf 文件中刻录绘图。我不想将屏幕保存为 png 并共享它,因为这将是分辨率的大规模降级。

有没有办法在逻辑上 编辑pdf 文件位并保存它们?

0 投票
1 回答
35 浏览

flutter - Flutter 自定义 Painter 设计 UI

在过去的两天里,我正在尝试使用 Custom Painter 实现这样的 UI,但我仍然无法实现。有人可以帮我解决这个问题。如何在自定义画家中编写我的绘画功能以实现这样的 UI?

我正在努力实现的 UI

0 投票
0 回答
158 浏览

flutter - 如何修复 Flutter canvas.drawImageRect 模糊轮廓

我正在使用自定义 Painter 和 canvas.drawImageRect 来绘制图像区域。(下面的完整代码)。我的问题是我的图像轮廓总是模糊或混合:

在此处输入图像描述

此捕获来自模拟器。缩放时,可以看到图像矩形的 2 个边缘像素已与背景混合 - 它们具有淡蓝色调。结果在物理设备上是相似的,不同之处在于我模糊了大约 4 个边缘像素而不是 2 个。

如何在没有任何背景混合的情况下为我的图像获得清晰的边框?

谢谢!

下面的代码:

这是 pubspec.yaml:

0 投票
0 回答
73 浏览

flutter - 如何在 Flutter 的 Canvas 中的 Circulr 路径内绘制图像

您好,谁能告诉我如何在圆形路径内绘制图像,并使用适合路径的缩放图像。我尝试过,但无法弄清楚并打扰了很多。请帮我。

绘制图像和图像的圆形路径需要适当缩放才能可见

如何将资产图像缩放到正确可见或适合的圆形路径
我如何使用 Matrix4 将 ImageShader 缩放到画布

这是我的代码

画布类

图像应该正确可见并且可以缩放 绘制的圆形路径 图像和图像需要正确缩放才能可见
面部应该在圆形路径内清晰可见

0 投票
0 回答
59 浏览

flutter - Flutter CustomPainter - 从弧形刮边

我正在使用 Flutter 的CustomPainter类来绘制看起来像披萨片的形状。它是由多个弧组成一个圆。我需要在弧之间创建排水沟。

我尝试将参数修改为canvas.drawArc(startAnglesweepAngle) ,但这不是我想要的。

现在我的排水沟在那里,但圆弧的侧面接触到了中心,这不是我想要的外观。我想要的是基本上刮掉绘制弧的侧面,使其从我现有的解决方案(左)变为所需的解决方案(右):

在此处输入图像描述

我想我必须剪裁现有的形状,但我不确定如何实现这一点。

这是我CustomPainter班的例子:

maxCount变量指定组成圆的切片数。

0 投票
1 回答
239 浏览

flutter - 使用用户 imageURL 及其名称为谷歌地图构建自定义标记

尝试使用用户 imageURL 及其名称为谷歌地图构建自定义标记。如下图所示,但我对自定义油漆不太熟悉。我只知道简单的形状。我已经按照这个来构建给定的图像。

在此处输入图像描述

代码 :

输出:

在此处输入图像描述

0 投票
2 回答
49 浏览

flutter - 如何在 Flutter 中制作圆角矩形

我正在尝试使自定义画家的三角形具有圆角。左边的图像是我到目前为止所拥有的,右边的图像是我想做的。

试过这个 想要达到这个

这是我的代码。

0 投票
0 回答
318 浏览

flutter - 如何在颤动中对容器的边框进行动画处理

在此处输入图像描述

我想用无限循环(永不停止)在方形容器周围绘制动画边框,就像这张照片一样,我正在尝试动画容器半身像对我没有帮助

所以谁能告诉我如何实现线条动画

编辑 **

我正在使用此代码绘制正方形,但无法使用动画构建它

在此处输入链接描述

0 投票
0 回答
30 浏览

android - 如何制作带有图层的 Flutter 画家 APP

我想做一个像PhotoShop这样有图层的画家APP,语言选择Flutter。
问题是我不知道如何制作高性能的图层,因为我尝试过CustomPainter遵循在线教程和开源代码,但是如果我画很多笔画,画的速度很慢。
经过进一步研究,我发现Flutter与其他平台的不同之处在于,CustomPainter即使我只是画一个新的笔触,总是需要重新绘制画布。
请帮我。

0 投票
0 回答
46 浏览

flutter - Flutter CustomPainter:尽管不应该重新绘制,但仍保留路径

我有一个CustomPainter类似的例子。我并不总是需要重新绘制,但我需要保留之前绘制的路径,因为它用于hitTest. 在构造函数中创建 也不是解决方案,path因为在方法中获得的 Sizepaint用于创建path.

在这个例子中,progress可以从 0.0 到 1.0,但是很多时候它保持在 1.0,在这种情况下,它不需要重新绘制,但是 hitTest 需要知道点击事件是否在里面的路径path,在这种情况下,progress始终为 1.0,shouldRepaint那么只要不更改,它就会为 null,这会导致未正确检测到 hitTest false。我不认为总是重绘是一个好主意,因为路径永远不会在1.0 时改变,但如果它是唯一的选择,我不会反对。pathprogressprogress

- 编辑 -

主要问题是当 shouldRepait 为 false 时 path 为 null,这会在 hitTest 中产生错误。progress是从 2 个不同的 Animation 对象中获得的,具体取决于在painter 之外处理的情况