问题标签 [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.
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 无效。
html - 如何将 Photoshop 之类的滤镜应用到画布上?
我有一个 psd,我想将该 pdf 中设置的过滤器应用到画布上。我正在为此使用 CamanJS 库。
但问题是 Photoshop 和 Canvas 中的范围不同。我试图转换它,但我没有得到与 Photoshop 相同的结果。
知道是否有任何转换工具。
例如,Hue 在 Photoshop 中的范围是 0 到 360。而在 Canvas 中是 0 到 100。
如果可以使这项任务更容易,我愿意使用任何其他库。
这是我的输入图像。
这就是我想要实现的目标。
提前致谢。
html5-canvas - 我们如何调整 HTML5 Canvas 中的级别?
我有一个 psd 文件,我要在画布中创建一个类似于 psd 中的图像。在 Photoshop 中应用于图像的滤镜之一是“色阶”。
我正在使用 Canvas 图像处理库 - CamanJS。
根据我的发现,Photoshop 中的级别是画布中的颜色校正,但我在 CamanJS 中没有看到任何 api。
知道我们能不能做到这一点?如果它使这项任务更容易,我愿意接受任何其他图书馆。
提前致谢。
javascript - caman js 和图像编辑
我想使用 caman js 创建。我喜欢他们页面上的示例。我试图开始自己的,非常简单的一个
上面的代码可以正常工作(改变亮度),但它有两个问题。首先,在还原图像时会出现一些故障(尽管参数为假),其次,由于渲染功能,在移动滑块时会出现滞后。我怎样才能使渲染不干扰栏的移动。在他们的例子中它是如此顺利。我试图阅读代码,但我不知道为什么开发人员使用 fgh 作为他们的变量名:)。我处于 jscript 的初学者阶段。为什么会出现这种滞后?
javascript - 卡曼图像处理和闪烁
我正在使用 Caman ( http://camanjs.com/ ) 图像库来使用按钮/滑块修改一些图像。问题是,每次进行更改时,图像都会闪烁。
示例代码:
根据文档,caman.revert(false)
应该在不重新渲染的情况下恢复图像,但我看到的图像可能会恢复 0.1 秒,然后再应用效果。
在 Chrome 和 Firefox 上测试。这是 Caman(或浏览器)中的错误,是否有解决方法,或者有人有其他想法吗?
网站 ( http://camanjs.com/examples/ ) 上的示例不会闪烁,但 JS 已缩小且难以理解,因此我不确定发生了什么。
谢谢!
canvas - CamanJS - 应用过滤器/操作后更改底层画布
CamanJS 是一个很棒的库,用于在浏览器中进行实时图像处理。
我在预先存在的画布对象上使用 Caman。如果用户“返回”到我网站的上一个区域,然后再次回到画布,我可能需要更改该画布上的图像。
Caman 似乎缓存了它接收到的第一个图像数据,然后将画布“锁定”到其上下文中。在应用 Caman 后尝试更改画布会导致画布没有可见的变化。
我们如何在 Caman 之外更改画布数据,然后重新应用 Caman 过滤器?
canvas - 旋转在 camanjs 插件中加载的图像
我的网页上有一张带有一些小编辑功能的图片。我想要的功能之一是将图像旋转一定程度。我的 html 看起来像这样
js文件
我想旋转我的图像。所以我尝试执行以下命令
虽然图像按应有的方式旋转并处于正确的位置,但由于画布与图像的大小完全相同,并且当图像旋转边缘时,例如转到画布外,因此某些图像会被截断,因此未显示。我怎样才能改变这种行为......我应该总是有一个比我的图像更大的画布吗?
javascript - CamanJS - 移动 - 空白画布
我在移动设备(即 iPad 和 iPhone 的 Safari/Chrome)上运行 CamanJS 脚本时遇到问题,我已经尝试解决了好几天。
测试脚本非常简单: 1) 接受浏览器文件选择图像 2) 使用 FileData 获取图像源,然后将其绘制到画布中,然后实例化一个 Caman("#sample") 对象 3) 运行一些过滤器(在onLoad 该图像,或通过单击按钮手动)
它在所有桌面浏览器上都运行良好,过滤器也成功应用,但是当我在 iOS Safari 等移动设备上尝试它时,当我尝试实例化 Caman 对象时,我现有的画布 #sample 变为空白并恢复为原始画布默认背景颜色,根本没有加载图像。我尝试在画布上绘制图像之前实例化 Caman 对象,图像 onLoad 或画布图像成功绘制后按需实例化,但最终结果仍然相同 - 画布变为空白。
以下是我的示例代码,有人可以建议吗?感谢您的友好帮助。
javascript - Camanjs在初始化Caman()时清除画布?
我将卡曼过滤器应用于具有现有图像数据的画布。但是当我创建 Caman 对象以供以后使用时,它使用了我的画布。
var ca = Caman('#myCanvas');
我正在尝试完全使用Caman Guide,如下所示:
但是同样的问题,canvas 是清晰的!为什么我不能将画布加载到卡曼然后修改,尽管文档说可以?