问题标签 [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 回答
576 浏览

javascript - 如何在 CamanJS 中编辑远程图像

文件说

CamanJS 带有一个 PHP 代理(欢迎您以您选择的语言添加代理),您可以在代理文件夹中使用它。在使用 CamanJS 进行编辑之前,启用代理所需要做的就是:

阅读后我写了以下代码

浏览器出于安全原因却说无法编辑。我写错了吗?我是否必须在某处包含一个 php 文件。那个PHP文件在哪里?

0 投票
0 回答
249 浏览

javascript - 如何让这个 jQuery 事件集 data-caman 值使 CamanJS 实际上改变图像的色调?

我有两个相互分层的图像,因此我可以独立修改同一张图片的不同部分:

这成功地输出了具有改变色调的两个图像,如下元素:

...但是当“button2”被点击时,这个:

只是从字面上将属性更改为data-caman="saturation(0) brightness(0) hue(70)". 它不被 CamanJS 解析,它只显示原始图像。

我想单击button2,让函数在适当的范围内生成一个数字并重置图像的色调,并且能够重复此操作无需刷新该过程的页面 - 否则,我可以使用 PHP 生成色调值每次页面加载时。

如何使用该函数实际更改值?如果不可能,那么完成我想做的事情的好选择是什么?

0 投票
0 回答
82 浏览

javascript - CamanJS this.channels 抛出异常(“没有功能”),但在层之外工作

我正在使用具有多个图层的 camanjs 操作图像,如果我在任何子图层之外执行命令,则更改颜色通道有效,但是当我尝试在图层中使用 .channels 时,出现 JS 错误“通道不是函数” .

0 投票
1 回答
2135 浏览

angularjs - Angularjs 代码适用于桌面版 chrome,但不适用于移动版 chrome

我已经创建了我在 IONIC 中尝试做的事情的代码笔。

http://codepen.io/anon/pen/yNjmoK

HTML:

JS:

在 codepen 中引入了一个图像,我应用了一个过滤器。在 codepen 内部,这是有效的。然后我尝试将其应用于离子,但它不起作用。当我单击过滤器时,它会一直到达 caman 函数中的代码“if(效果在此)”,并在控制台中打印“效果很好”,但在电话上,画布变为白色,仅此而已。

更新:我刚刚在我的 android 设备上注意到,如果我从我的移动浏览器(chrome)运行 codepen,它就不起作用。如果我在桌面上的 chrome 中运行它,它确实可以工作。所以它看起来像一个浏览器问题?有没有什么办法解决这一问题?

0 投票
1 回答
677 浏览

camanjs - 使用 Camanjs 应用多个更改的正确方法

在 CamanJS 上有一个添加一些效果和新层的示例:

它工作正常。我尝试通过使用其他参数再次调用此代码来添加第二层,以添加我之前添加的层的图像,但第一层消失了。

在网站上也有如何添加单个效果的示例。它们很棒,但它们一次只调用一个过滤器。

我想要完成的是,根据用户设置,添加例如一层、两层,或应用不透明度和新层。

而且我希望它每次都在基础图像上工作,而不是上次过滤的图像效果。

那么,使用 CamanJS 根据用户设置更改具有多个过滤器和图层的基本图像的正确方法是什么?

0 投票
1 回答
611 浏览

javascript - Caman:找不到用于初始化的图像或画布

我尝试使用CamanJS进行图像处理。我有以下html文件:

要创建<img>i 在 my 中执行以下操作filter.js

当我现在想测试过滤器时:

我收到错误消息:

所以对我来说这意味着<img>我创建的不存在?我不知道为什么。

0 投票
2 回答
1575 浏览

javascript - 使用 CamanJS 进行图像处理

我找到了一个名为CamanJS的图像处理库,示例看起来不错,所以我尝试使用它。我得到以下html:

这个CSS:

而这个JavaScript:

当我启动我的应用程序并选择一张图片时,我得到以下信息:

在此处输入图像描述

当我现在单击老式过滤器时,会发生以下情况:

在此处输入图像描述

如您所见,图像在大约 20 秒后被调整为实际宽度和高度:

在此处输入图像描述

过滤器被应用。所以有两种奇怪的行为我不明白。

  • 第一:为什么图像会被调整大小?
  • 第二:为什么应用过滤器需要这么长时间(20 秒)?我找到了一个他们使用 CamanJS 的演示,在该演示中过滤几乎立即执行:Instagram 过滤器

你能帮我理解那里出了什么问题吗?

编辑

如果我使用此处所示的画布执行此操作,则应用过滤器时画布会消失。

0 投票
0 回答
742 浏览

javascript - CamanJS 在 Android 上非常慢

我正在使用IonicAngularJS为 Android 开发一个 Webapp 。

HTML:

JavaScript:

例如,如果我现在用我的 8 兆像素拍照并执行老式滤镜,则需要 14 秒以上才能完成该过程。那太长了。没有用户会为此等待 14 秒,并且 Instagram 上的过滤器示例会立即执行。

例如,像 200 x 200 像素这样的较小图片也需要 3 到 4 秒才能完成。

怎么会花这么多时间?有解决方案吗?

0 投票
1 回答
409 浏览

jquery - 带有 camanjs 的多个过滤器不起作用

我有一张图片,我想在同一张图片上应用亮度和对比度。如果我只是应用亮度,但如果我应用对比度,它就不起作用;图像变黑。我尝试过分层;它没有用。我试图在图层中渲染,然后在它之后渲染;它也没有用。我试图渲染每个过滤器;一样。我首先尝试简单地应用对比度,然后应用亮度;图像变为灰色。我试过 this.revert() 和 this.revert(false).Nope。

我究竟做错了什么?我想在他们网站上的示例部分做类似:http: //camanjs.com/examples/ PS,亮度和对比度的值来自两个范围输入。

代码是:

0 投票
1 回答
471 浏览

jquery - 将 jCrop 与 CamanJs 一起使用不适用于响应式图像

我正在使用 CamanJs(一个图像处理工具)来编辑我当前的图像,并且我已经将 jCrop 与 CamanJs 集成以用于按照 http://v2-demos.jcrop.org/demos/camanjs.html这个源进行裁剪。它工作正常,但问题是,它适用于固定宽度的图像。但我需要使用响应式图像来做到这一点。这是一个实时网址: http: //128.199.175.24/editimg/crate-editor-popup.html 这是脚本:http: //128.199.175.24/editimg/js/corpCaman.js

我认为 CamanJs 不支持来自远程域的图像,所以我无法创建 jsfiddle。

如果有任何其他更好的 jquery 工具来处理图像(裁剪、亮度、色调、模糊等),请给我一个建议。

谢谢