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

javascript - CamanJS 在 CKFinder 中不起作用(卡在加载图像中)

我们正在将 CKFinder 与 PeopleSoft 中的 CKEditor 安装集成。我们在 Peoplesoft 中创建了自己的连接器,现在除了编辑图像外,几乎所有东西都可以正常工作。它卡在加载图像对话框中。我们已经实现了 ImageInfo 并且成功收到了响应。在我的观察中,以下是浏览器发出的请求。

  1. caman.js [获取]
  2. ImageInfo 命令请求 [GET]
  3. (当前 URL)?camanproxyURL=(CKFinder 缩略图请求 URL) [GET]
  4. (当前 URL)?camanproxyURL=(CKFinder ImagePreview 请求 URL) [GET]

我在 CKFinder 演示中尝试过这个,但我没有看到 #3 和 #4 并且直接请求了 Thumbnail 和 ImagePreview。我认为这里的问题出在#3 和#4,使用的 URL 是当前 URL,即 .../ckeditor/ckfinder/ckfinder.html。我不;这是应该发生的事情。

我该如何解决这个问题?这与我们的设置或配置有关吗?CKFinder 在我们的 CKEditor 目录中。

0 投票
0 回答
364 浏览

javascript - 使用 camanjs 后,如何旋转和缩放完成的图像

我用camanjs完成了滤镜,然后我需要旋转这个图像,一旦旋转,transformOrigin是(0, 0),我想transformOrigin到中心,另外,浏览器中的图片没有完成,我怎么能slove这个问题?

另外,我还有一个问题,如果我想缩放这个 img,我该怎么做?

因为这是将 img 元素转移到 canvas 元素,如果我想用 canvas 元素做某事,我该如何获取 canvas 元素?

感谢所有可以帮助我的人!

0 投票
1 回答
93 浏览

javascript - 如何使用 camanjs 在照片画布上赋予多种效果?

如何使用 camanjs 在照片画布上赋予多种效果?我的案例:“在我应用滤镜效果然后在图像上添加文本后,以前的滤镜效果恢复为原始图像意味着以前的效果从照片中丢失了。”

0 投票
2 回答
802 浏览

ionic-framework - 离子导入 Camanjs

我正在尝试在我的 ionic v3 项目中使用 camanjs 库。我使用 npm install caman --save 安装了它(还安装了 cairo、libjpg 和 libpng)。现在在我的项目文件夹中,我可以在 node_modules 文件夹中看到一个名为 caman 的文件夹,所以在我的 .ts 中我写

和html文件

但如果我服务我

错误参考错误:未定义卡曼

这就是我的 node_modules 文件夹的样子

[node_modules 文件夹]

你能帮助我吗?

在此处输入图像描述

0 投票
1 回答
338 浏览

typescript - 使用 caman 修改图像,然后将其上传到 firebase

这是我的问题。我想使用 caman 修改图像,然后将其上传到 firebase。这是我的代码

我确信 upload() 函数有效。我可以从 addFilter 函数中导出 var fotoModificata 以在 upload() 中使用吗?如果我在 var 声明后立即使用 console.log,我可以在控制台中看到我的图像的 base64 字符串,但如果我在其他地方登录控制台,我已经并且未定义。我该如何解决?

0 投票
1 回答
105 浏览

opacity - 如何使用 camanjs 更改图像不透明度?

如何使用 caman js 更改图像不透明度我也尝试过最新版本。还是问题来了。如果有什么需要启用来实现这一点?//抛出没有用 caman js 定义。在本参考资料中 - https://www.sitepoint.com/manipulating-images-web-pages-camanjs/this.opacity(20 );

0 投票
0 回答
257 浏览

angular - 如何在 ionic 中正确导入 camanjs?

我试图在我的 ionic 项目上安装 camanjs。

我添加到我的应用程序模块:

将其添加到提供者中:

在我的home.ts

在我的home.html

当我执行时ionic cordova emulate browser,我收到了这个错误:

我试图搜索如何将 caman 正确添加到 ionic ,但我找不到它。

请帮助我如何在 ionic 或 angular 4 中安装和使用 caman

0 投票
2 回答
1189 浏览

angular - 角度为 6 的 CamanJs

我正在尝试将 camanjs 与 angular 6 一起使用。当 npm 上没有类型时,如何添加 js lib 并将其与 angular 一起使用。我遵循许多步骤

  • 使用 npm 安装 caman

  • 使用节点模块中的路径将其作为脚本添加到 angular.json

  • 将其导入到组件中,例如

import * as Caman from '节点模块中 caman 的路径'

  • 在 AfterViewInit 我像使用它一样

但是当启动服务器时我得到这个错误

在此处输入图像描述

代码链接:https ://stackblitz.com/edit/angular-d5g941

0 投票
1 回答
46 浏览

svg - SVG 中的 CamanJS?

我希望使用 CamanJS ( http://camanjs.com/guides/ ) 或其他类似工具对<svg>元素内的图像进行一些客户端图像处理。

示例代码是这样的...

它正在到达<image>标签中的<svg>标签,这似乎是问题所在。有谁知道 CamanJS 是否可以使用它?或者如果有类似的东西可以在这种情况下工作?

0 投票
1 回答
365 浏览

javascript - 如何添加多个过滤器(Caman.js)?

我最近使用人脸检测算法,我想在检测算法运行时在画布上添加一些过滤器。如图 1 所示,我创建了一个模式,它可以与示例或自定义过滤器一起使用(Caman.js 库)

模式:过滤器

进行选择后,我想在画布中添加过滤器或取消过滤器。有2个选项:

1) 确认按钮:

2) 取消按钮:


现在我尝试处理一个图像元素,效果很好,但只能通过单独检查所有元素。添加的过滤器越多 - 应该做出更多的 if/else-if 语句:


我的问题:

有什么方法可以在特定库(Caman.js)中传递字符串值,因为所有过滤器都是库中的函数,而 something.render() 显然不起作用?

例如: