问题标签 [camanjs]

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 回答
1759 浏览

javascript - 如何使用 CamanJS 在画布中加载图像?

CamanJS 网站 ( http://camanjs.com/guides/#BasicUsage ) 上的示例如下所示:

我尝试使用我自己的一张图片在 JSBin ( http://jsbin.com/uGUPOFo/3/edit?html,js,output )上运行这个非常基本的示例

但它什么也没做。有谁知道我错过了什么?文档说它可以“在 jQuery、YUI、Scriptaculous、MooTools 等旁边运行”。我不想使用其中的任何一个,尽管我尝试加载最新的 1.x jQuery 无效。

0 投票
1 回答
523 浏览

html - 如何将 Photoshop 之类的滤镜应用到画布上?

我有一个 psd,我想将该 pdf 中设置的过滤器应用到画布上。我正在为此使用 CamanJS 库。

但问题是 Photoshop 和 Canvas 中的范围不同。我试图转换它,但我没有得到与 Photoshop 相同的结果。

知道是否有任何转换工具。

例如,Hue 在 Photoshop 中的范围是 0 到 360。而在 Canvas 中是 0 到 100。

如果可以使这项任务更容易,我愿意使用任何其他库。

所需的过滤器

这是我的输入图像。

在此处输入图像描述

这就是我想要实现的目标。 在此处输入图像描述

提前致谢。

0 投票
1 回答
985 浏览

html5-canvas - 我们如何调整 HTML5 Canvas 中的级别?

我有一个 psd 文件,我要在画布中创建一个类似于 psd 中的图像。在 Photoshop 中应用于图像的滤镜之一是“色阶”。

我正在使用 Canvas 图像处理库 - CamanJS。

根据我的发现,Photoshop 中的级别是画布中的颜色校正,但我在 CamanJS 中没有看到任何 api。

知道我们能不能做到这一点?如果它使这项任务更容易,我愿意接受任何其他图书馆。

提前致谢。

0 投票
0 回答
922 浏览

javascript - caman js 和图像编辑

我想使用 caman js 创建。我喜欢他们页面上的示例。我试图开始自己的,非常简单的一个

上面的代码可以正常工作(改变亮度),但它有两个问题。首先,在还原图像时会出现一些故障(尽管参数为假),其次,由于渲染功能,在移动滑块时会出现滞后。我怎样才能使渲染不干扰栏的移动。在他们的例子中它是如此顺利。我试图阅读代码,但我不知道为什么开发人员使用 fgh 作为他们的变量名:)。我处于 jscript 的初学者阶段。为什么会出现这种滞后?

0 投票
1 回答
707 浏览

javascript - 卡曼图像处理和闪烁

我正在使用 Caman ( http://camanjs.com/ ) 图像库来使用按钮/滑块修改一些图像。问题是,每次进行更改时,图像都会闪烁。

示例代码:

根据文档,caman.revert(false)应该在不重新渲染的情况下恢复图像,但我看到的图像可能会恢复 0.1 秒,然后再应用效果。

在 Chrome 和 Firefox 上测试。这是 Caman(或浏览器)中的错误,是否有解决方法,或者有人有其他想法吗?

网站 ( http://camanjs.com/examples/ ) 上的示例不会闪烁,但 JS 已缩小且难以理解,因此我不确定发生了什么。

谢谢!

0 投票
1 回答
2267 浏览

canvas - CamanJS - 应用过滤器/操作后更改底层画布

CamanJS 是一个很棒的库,用于在浏览器中进行实时图像处理。

我在预先存在的画布对象上使用 Caman。如果用户“返回”到我网站的上一个区域,然后再次回到画布,我可能需要更改该画布上的图像。

Caman 似乎缓存了它接收到的第一个图像数据,然后将画布“锁定”到其上下文中。在应用 Caman 后尝试更改画布会导致画布没有可见的变化。

我们如何在 Caman 之外更改画布数据,然后重新应用 Caman 过滤器?

0 投票
2 回答
1885 浏览

javascript - 尝试将图像绘制到画布上,然后使用 Caman.js 来操作此图像

到目前为止,我有这段代码

将图像绘制到画布上,然后我有这段代码

它操纵存储在 images/ 中的图像,但对 canvas 来说是新手并且没有太多的 javascript 知识,我不确定如何合并这两段代码以便它们一起工作。我希望能够从我的计算机中选择一个图像并将其绘制到画布上,然后能够使用 Caman.js 来操作此图像。任何帮助将非常感激。

0 投票
1 回答
1011 浏览

canvas - 旋转在 camanjs 插件中加载的图像

我的网页上有一张带有一些小编辑功能的图片。我想要的功能之一是将图像旋转一定程度。我的 html 看起来像这样

js文件

我想旋转我的图像。所以我尝试执行以下命令

虽然图像按应有的方式旋转并处于正确的位置,但由于画布与图像的大小完全相同,并且当图像旋转边缘时,例如转到画布外,因此某些图像会被截断,因此未显示。我怎样才能改变这种行为......我应该总是有一个比我的图像更大的画布吗?

0 投票
1 回答
2107 浏览

javascript - CamanJS - 移动 - 空白画布

我在移动设备(即 iPad 和 iPhone 的 Safari/Chrome)上运行 CamanJS 脚本时遇到问题,我已经尝试解决了好几天。

测试脚本非常简单: 1) 接受浏览器文件选择图像 2) 使用 FileData 获取图像源,然后将其绘制到画布中,然后实例化一个 Caman("#sample") 对象 3) 运行一些过滤器(在onLoad 该图像,或通过单击按钮手动)

它在所有桌面浏览器上都运行良好,过滤器也成功应用,但是当我在 iOS Safari 等移动设备上尝试它时,当我尝试实例化 Caman 对象时,我现有的画布 #sample 变为空白并恢复为原始画布默认背景颜色,根本没有加载图像。我尝试在画布上绘制图像之前实例化 Caman 对象,图像 onLoad 或画布图像成功绘制后按需实例化,但最终结果仍然相同 - 画布变为空白。

以下是我的示例代码,有人可以建议吗?感谢您的友好帮助。

0 投票
1 回答
2019 浏览

javascript - Camanjs在初始化Caman()时清除画布?

我将卡曼过滤器应用于具有现有图像数据的画布。但是当我创建 Caman 对象以供以后使用时,它使用了我的画布。

var ca = Caman('#myCanvas');

我正在尝试完全使用Caman Guide,如下所示:

但是同样的问题,canvas 是清晰的!为什么我不能将画布加载到卡曼然后修改,尽管文档说可以?