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

javascript - 我正在使用 camanJS 对照片应用滤镜。当前遇到一个问题,即应用过滤器裁剪照片

链接到小提琴

每当我在没有 Javascript 代码的情况下运行程序时,图像加载得非常好,没有裁剪效果。但是,当我使用 Javascript 代码运行程序时,图像会裁剪。

HTML

卡曼密码

0 投票
1 回答
234 浏览

typescript - 向 ionic2 项目添加 js 库(尚未输入)

我正在尝试将这个外部 javascript 库CamanJS与我的 Ionic2(打字稿项目)一起使用

我发现了几篇类似thisthis的文章,但是它们都假设要使用的库是在类型

但是 CamanJS 还没有在打字中,并且有一张开放的

我的问题是,有没有办法将外部 js 库(尚未添加到类型中)添加到 ionic2(打字稿)项目?

0 投票
1 回答
846 浏览

angular - 使用带有 Ionic2 + typescript 的普通 JS 库

我正在尝试将camanjs与我的 ionic2 + typescript 项目一起使用。

我还看过Mike 的 Ionic and Typings 博客文章,但是它显示添加了一个已经在 Typings 中的库

然后我从 josh 找到了这篇关于添加使用 CDN 方法的 goole 地图的博客文章。

到目前为止,通过关注他们两个,我已经完成了关注,

通过 CDN 将 camanjs 添加到index.html文件中

以下是我的 ts 文件

和我的 html 文件。(当用户单击我要应用过滤器的按钮时)

但是当我点击addFilter()我得到以下错误

但是,我没有通过 IDE 或在编译时收到任何编译器错误,任何帮助将不胜感激。

请注意这是我之前问题的扩展/更详细的版本

0 投票
1 回答
970 浏览

javascript - 使用 CamanJS 过滤画布

这是我的 HTML 元素

我包括 CamanJS 以控制画布过滤效果。这是我的 JavaScript 代码,用于将图像上传到画布、调整大小和过滤它

当我滑动时,我尝试登录控制台,值确实发生了变化,但画布没有任何效果。实际上,画布的一部分甚至消失了。我不知道为什么。我从 CamanJS 的指南中做错了什么吗?

0 投票
0 回答
63 浏览

javascript - 函数 applyFilters() 未在画布上应用过滤器

我一直在尝试为简单的在线照片编辑器实现过滤器(对比度、色调等)以及拖放功能,我认为代码是正确的,但是过滤器只是不适用于画布。

如果有人可以帮助我,看看我做错了什么,我会非常感激。非常感谢!

请参阅此链接中的代码:codepen 草稿

0 投票
1 回答
36 浏览

javascript - 使用数据属性中的值时未捕获的 TypeError

这是我的 JavaScript 代码:

这是我得到的确切错误:Uncaught TypeError: Cannot read property 'render' of undefined

我想用一段代码来处理所有的过滤器。在尝试上述代码之前,实际代码是:

但是这样,我将不得不为每个过滤器创建一个不同的处理程序。我想避免这种情况。谁能帮我解决这个错误?

0 投票
0 回答
473 浏览

javascript - 在 Fabric.js 自定义过滤器中使用 Caman.js 库

我正在尝试在 Fabric.js 中创建自定义过滤器。但我想使用 Caman.js 的过滤器集。我觉得我在这里很近,但似乎无法让它发挥作用。我可能在哪里出错了?

没有控制台错误。现在我正在尝试putImageData使用从 Caman.js 呈现的新数据进行设置,但到目前为止还没有运气。我可以在控制台中看到数据。

0 投票
3 回答
320 浏览

javascript - 在 CamanJS 中应用数组中的过滤器

我想存储由不同按钮应用的所有过滤器,然后依次应用到图像上。例如,如果用户单击亮度、噪声、对比度。我想存储这些过滤器,一旦用户点击应用过滤器。我想全部应用它们。我尝试了以下方法:

但这给了我错误this.filters is not a function。我可以使用注释掉的行,但这只会应用预定的过滤器。我想根据用户选择应用过滤器,并且我想在用户单击应用过滤器时一次性应用它们。

这是图书馆的链接: http: //camanjs.com/examples/

谁能指导我如何实现我想要的?如果我在否决之前没有清楚地解释这个问题,请告诉我。

0 投票
0 回答
218 浏览

javascript - 当我应用过滤器时,旧图像不断用 CamanJS 替换画布中的新图像

这是我上传图像文件的代码的一部分。我只显示了更新图像变量的部分以及 CamanJS 实例:

这是我应用过滤器的代码:

如果我加载图像并应用过滤器,它就可以工作。如果我加载另一个图像,它会显示在画布中,但之后应用过滤器会将我的画布更改为第一个图像。我可以做些什么来更新 CamanJS 数据吗?

0 投票
1 回答
358 浏览

javascript - 如何在带有动态图像的 camanJs 画布中生效?

我正在开发平均堆栈应用程序。
我被困在照片编辑器中。
我已经使用“ Camanjs ”来赋予照片效果并在 angularjs 1 中对其进行编辑。它适用于滑块的第一张图像,但如果我在编辑第一张图像后选择任何其他图像形式的滑块,那么它会显示旧图像。

我的文件(angularjs 中的指令)

->如果我评论“this.revert(false);” 行并取消注释“this.reloadCanvasData();” line form "scope.applyImageParameters" 函数然后它工作得很好,但它在色调 0、对比度 0 等下不起作用。

->如果我评论“this.reloadCanvasData();” 行并取消注释“this.revert(false);” 行形式“scope.applyImageParameters”函数然后效果很好,但它显示旧图像而不是当前图像效果

图片附有两个屏幕排序以获取更多详细信息。

生效后的第一个编辑图像

生效后的第二张图片

任何机构都可以帮我解决这个问题吗?