问题标签 [camanjs]

我是数据可视化和 Web 开发的新手，我正在尝试使用 camanjs 更改此图像。更改此图像后，我希望将其设置为使用 Leafletjs 的地图的背景。我不完全确定如何解决这个问题，并希望得到一些帮助。

有没有办法从图像对象中获取图像 url 或将图像保存到文件，然后使用保存图像的 url 作为传单对象的背景？这些是我能想到的唯一解决方案，但可能有更好的方法

这是我更改图像的方法

这就是我设置地图的方式

我实际上不知道下一步该做什么以及如何将更改后的图像作为传单地图背景

有什么方法可以返回库中所有内置过滤器的列表。

例如：

现在我正在使用它，它工作正常：

但我想知道是否有一种方法可以获取过滤器的值，而无需自定义它们。（例如，list = [ "vintage", "lomo", ......... ])

所以，我正在使用 Caman.js 库，我想知道为什么this.render(); 函数循环时不起作用 - 在我的情况下，我使用p5.js中的draw()函数

结果：

另一方面，当我使用 loop(); ，不添加过滤器。

是否有可能实现这一点，或者是否有任何图书馆可以做到这一点？

我正在尝试使用下面的camanjs裁剪图像是我尝试过的

不幸的是它给了我这个错误

未捕获的类型错误：无法在 Caman.render (camanjs.min.js:54) 读取 Renderer.Caman.Renderer.Renderer.execute (camanjs.min.js:160) 处未定义的属性“长度”

任何帮助，请提供想法

我对卡曼做得很好，我遇到了裁剪，想<img>直接渲染结果，而不是画布

可以<img>直接渲染吗？任何想法，帮助？

使用 CamanJS，我们如何像 GIMP 或 Photoshop 那样操作单个颜色通道的饱和度？

例如，如果我降低红色饱和度，它只会降低红色通道的饱和度。这是之前和之后的图像。

在 GIMP 中，具有更改单个颜色的饱和度/色调的功能。

请让我知道我们如何使用 CamanJS 或任何其他 Canvas 操作 javascript 库来实现这一点？

我正在尝试将 CamanJS 与 React 一起使用，我正在npm install caman按照文档作为节点模块安装，但出现错误。我试过用require它带进来，我也试过import。该包位于我的 node_modules 文件夹中。

继承人的错误：

控制台警告：

很感谢任何形式的帮助！

我正在使用 Camanjs 进行图像过滤，我有用于增加亮度的滑块。当我将值增加到滑块时一切正常，这反过来又增加了亮度，但是现在如果我将值减小回 0，虽然它会降低亮度但不会像增加亮度之前那样返回原始图像。

例如：

亮度 -> 40 -> 显示亮度增加的图像

亮度降低回零

同样->如果我应用了模糊然后对比然后删除模糊和对比，我应该得到原始图像。

它应该类似于：http ://camanjs.com/examples/

我的代码：

我在应用过滤器之前尝试使用this.revert(true)，但是重置画布和以前的过滤器丢失了。有谁可以帮我离开这里吗！！

我对 Camanjs 库有几个问题。

1. React中如何导入camanjs？我尝试通过 npm 安装 caman 但没有成功，我还安装了所有提到的附加依赖项（node-gyp & 安装 GTK 2）但似乎没有任何效果。那么有人知道如何在 React 中使用 Camanjs 吗？

2.场景：我使用 camanjs 应用亮度（10）然后对比度（10）。

问题现在，如果我应用亮度，这可以正常工作，但是当我应用对比度时，它会删除亮度并且只应用对比度。这一定是因为我在应用任何新过滤器之前使用了 revert(false) 。

我想同时应用这两个过滤器。我怎样才能做到这一点。这可以通过使用this.newLayer(function(){})一些混合模式来实现吗？

或者我必须将过滤器值保存在某个数组中，然后循环并应用过滤器，然后渲染画布？

我也尝试使用

虽然这很有效，但是当我将亮度和对比度的值都降低到 0 时，理想情况下它应该渲染原始图像，而不是画布变成灰色或黑色。

谁能指导或提供合适的方法来解决这个问题。提前致谢！！注意：在下面的代码中，由于我无法通过 npm 安装 camanjs，因此我必须通过 CDN 将其放入 window 对象中。这是可行的，但如果我尝试在内部使用“this”，则会产生“this”问题

我的代码：

我正在通过 javascript 创建一个简单的图像编辑器，用户应该能够旋转图像以及应用由 Caman js 实现的一些过滤器。

我正在以下画布中绘制初始图像：

在我的 javascript 中，我有以下代码用于使用画布：

为了旋转图像，我使用了以下按预期工作的函数：

我可以多次旋转图像，每次将旋转应用于图像/画布的当前状态时，它都可以正常工作。

除了旋转之外，我还有一个由 Caman js 实现的噪音按钮，如下所示：

与多次旋转的情况一样，我可以多次向图像添加噪声，并且每次将噪声应用于图像/画布的当前状态。

请注意，我的代码中的历史是一个用于保存操作图像状态的数组，函数 processHistory 定义如下：

问题

考虑以下迭代Noise1 --> Rotation --> Noise2，即在原始图像上应用Noise1 ，然后应用 Rotation 和另一个 Noise ( Noise2 )。然后Noise2（管道中的第三步）不会应用于图像的当前状态（即具有Noise1和Rotation的图像），而是应用于具有Noise1的图像。我认为问题应该与 Caman.js 中定义的渲染函数有关，但我自己无法解决。所以它没有按预期工作，请你帮我修复我的代码或给我一些关于调试代码的想法。