问题标签 [canvaskit]

我知道 Flutter 支持在Flutter Web中使用 WASM CanvasKit 使用 Skia 而不是DomCanvas，即“Skia + WebAssembly”。

我听说这提供了显着的性能改进，但是，我不知道如何启用它。

我正在使用flutter wub和flutter run -d chrome --dart-define=FLUTTER_WEB_USE_SKIA=true 我的富文本编辑器需要canvaskit，如果你不使用它会有一些已知问题：https ://github.com/ flutter/flutter/issues/49860 如果你在flutter web上测试这个示例应用程序

你需要 ：

如果有人有启用canvaskit的显示乳胶的解决方案..

Images.network("$imgUrl")我的颤振应用中有一个列表

它在手机上运行良好（Android 和 IOS 甚至在手机浏览器上），但在桌面浏览器上不起作用。但是，当我使用flutter build web --web-renderer html 它时会显示图像canvaskit renderer（在我的情况下它是默认渲染器）吗？

我正在使用 Flutter 2.0.1 稳定通道

根据 Skia CanvasKit 代码注释（https://chromium.googlesource.com/skia/+/450f8565c7f36205cc72e5f7f5e01eb024e8c38a/modules/canvaskit/canvaskit/types/index.d.ts），以下内容应该会引起 Perlin 噪音：

这个小提琴中的着色器正在工作：https ://jsfiddle.skia.org/canvaskit/b382d3b660c4f314eb6a6eae9c0f1e0aadc95c0a2747b707e0dbe3f65a8b0a14

当着色器在小提琴中被 CanvasKit MakeLinearGradient 着色器替换时，它可以工作，但我无法使 MakeFractalNoise 工作 - 它返回一个空结果。

https://docs.microsoft.com/en-us/xamarin/xamarin-forms/user-interface/graphics/skiasharp/effects/shaders/noise上的 Skia 示例 有效。

这是否意味着 CanvasKit 中的 MakeFractalNoise 实现不完整或者我遗漏了什么？

我找不到任何已发布的相关示例，欢迎任何指点。

当我们使用canvaskit 来drawText 时，它会绘制类似于css 的文本，word-break: break-word;即它对单词进行子包装。

我们如何禁用它，以便 canvaskit 绘制类似于word-break: normal样式的文本。

我的 Flutter Web 应用程序加载非常缓慢。在检查 DevTools 的网络部分时，我发现这是由大量canvaskit.wasm文件引起的。我认为这是因为 Flutter 使用的是 canvaskit 网络渲染器而不是 html 网络渲染器。我怎样才能改变这种行为？

我已经尝试过使用

但它没有效果。

正如 Flutter here所建议的那样，我还尝试通过插入在运行时覆盖渲染器

以上<script src="main.dart.js"...。但是，这也没有效果。canvaskit.wasm仍然试图加载并使一切停止。

我还可以做些什么？甚至有可能阻止 Flutter 请求 CanvasKit 文件吗？

（注意：我在测试之间从浏览器中删除了所有缓存和应用程序数据，以确保我不只是加载以前的构建）

我需要从网站中提取数据，但我发现它是使用 Flutter Canvaskit 渲染器渲染的。似乎我想要的一切都画在画布上。我必须遍历每一行，触发单击一行，然后触发右上角的信息按钮，该按钮显示文件的属性并从那里获取其中一个属性。[参考图片]

这可能吗？如果是这样，怎么做？我想用python来做。

尝试为 Flutter web 找到解决方法！

需要通过浏览器的 ctrl+F 搜索文本

首选 -如何在 Flutter Web 中使用 Skia / CanvasKit？

使用 CanvasKit 运行：

捷径：

检查代码片段 -

Flutter v2.8 - 稳定版

创建了基本的计数器项目并编译/构建到 web。

使用html渲染器时，页面缩放工作正常。

使用 Canvas 套件渲染器时，Web 缩放无法正确渲染 ui

我还看到了一些使用 js 在 Web 中防止缩放控制的解决方案......

但我需要这个缩放功能。

您可以看到缩放对于颤振画廊效果很好

但不适用于颤振仪表板