问题标签 [pixastic]
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.
jquery - 带有 Pixastic 的灰度切换按钮
我有一个脚本，它必须处理图像并且（除其他外）能够转换为灰度并再次转换为非灰度。
我正在为此使用 Pixastic，到目前为止，在我的概念证明 ( http://www.gportdev.nl/klanten/dgsw/hbhg/ ) 中，这一切都很好。
不过，我想要的是让灰度按钮在灰度和非灰度之间切换，但我不知道如何实现这一点。我应该克隆画布元素并在两个元素上应用 Pixastic，还是有更好的解决方案？
谢谢！
javascript - 尝试从十六进制或 RGB 颜色计算 Pixastic 颜色调整值
我继承了一个小型 Web 应用程序，该应用程序具有用户可以从下拉列表中选择颜色的功能，然后对图像的一部分进行着色。
着色是通过一个名为Pixastic的 Javascript 库进行的。
Pixastic 将图像加载到画布元素中，使用其Pixastic coloradjust功能处理图像。
就我而言，正在处理的图像是带有黑色/灰色轮廓的透明 PNG。最终结果是只有黑色/灰色轮廓被着色。
但这是棘手的部分。
Pixasticcoloradjust函数不仅仅采用十六进制或 RGB 颜色。它需要一组调整参数来调整红色、绿色和蓝色通道。每个调整值可以是从 -1 到 1 的十进制数。
该coloradjust功能基本上是这样工作的：
- 设
r为红色通道调整值。 - 多个
r* 255 并让结果为redVal - 循环遍历图像中的每个像素
- 添加
redVal到像素的红色值（redPixel） - 如果
redVal + redPixel< 0，则将像素设置为 0 - 如果
redVal + redPixel> 255，则将像素设置为 255 - 否则，将像素设置为
redVal + redPixel*对绿色和蓝色通道执行相同的操作。
如果有帮助，这里是coloradjust函数的实际代码。
我有一个现有颜色和调整值的列表。
我的任务是为应用程序添加一些新颜色，但我完全坚持弄清楚如何计算给定十六进制颜色的 PIxastic 的颜色调整值。
现有的十六进制颜色和调整值之间似乎没有任何相关性，所以恐怕现有的调整值是有人手动计算出来的。
以下是现有系统中的一些示例颜色：
- #603314
- 红色调整
-0.1 - 绿色调整
-0.5 - 蓝色调整
-0.3
- 红色调整
- #82坏4
- 红色调整
0.2 - 绿色调整
0.4 - 蓝色调整
0.4
- 红色调整
鉴于以上所有情况，我怎样才能找出新的十六进制颜色的颜色调整值#cc9e3c？
html - 结合 kineticjs 和 pixastic 应用图像效果
我正在尝试使用 pixastic 库中的一些功能并将其与 kineticjs 结合使用。其中之一是将 pixastic 中的棕褐色效果应用于使用 kineticjs 创建的图像。
我在这里有一个 jsfiddle 设置：
我认为以下方法会起作用：
但图像保持不变。我错过了什么，或者这甚至不可能将两个库结合在一起吗？
jquery - 如果 css 无法处理图像，则 jQuery 回退
在我的网络应用程序中，我需要对一些图片进行去饱和/灰度处理。我正在使用以下 CSS 来实现：
这涵盖了广泛的浏览器。问题是一些像 Safari 5 这样的老版本不受它的影响。我知道有一些像 Pixastic 这样的 jQuery 库确实支持那些较旧的浏览器，但我想使用尽可能少的 jQuery 来使我的页面加载尽可能快。因此，我的问题是：可以检查图像是否是灰度的，如果没有，使用像 Pixastic 这样的 jQuery 插件来这样做？
javascript - 恢复功能不适用于带有 Pixastic 的 JQuery
我似乎可以让恢复功能在 Pixastic 上工作。我在这里想念什么？
javascript - 将过滤器与 Pixastic 相结合
这是我用于亮度设置的 javascript 函数。相比之下，它看起来几乎相同。
我正在使用 html 输入范围编写一个简单的在线图像编辑器。我想结合更多的过滤器和属性，例如亮度和对比度设置。问题是，它只有在我不结合效果时才有效。问题是 Pixastic.revert() 方法，它完全恢复图像 - 这意味着它甚至可以恢复由另一个过滤器引起的效果。你知道一些解决方法吗？
javascript - 使用 jquery 恢复像素效果
我有多个滑块可以在图像上产生像素效果。但是，每次滑块更新图像时，我希望它恢复旧效果并应用该效果的新级别，而不是每次都累积效果。我知道 pixastic 库中的恢复功能，但我对 jquery 还很陌生，不确定如何使用它。我怎么能这样做呢？
javascript - 使用 Pixastic 组合效果/过滤器
我使用 Pixastic 来改变画布上图像的亮度和对比度等简单效果。
但是，我还没有找到将这些效果一起应用的方法。例如，应用亮度，然后在这个已经变亮的图像上应用对比度，而不是原始图像。
使用Pixastic.revert(img);不起作用，因为它将每个效果应用于原始图像而不是分层它们。
我什至不确定 Pixastic 是否能做到这一点，因为我已经好几周没能找到解决方案了。
是否有任何其他 jquery 插件可以执行类似的操作，例如更改图像的亮度和对比度。我需要让它适用于 IE9+，所以我的选择非常有限。大多数事情似乎只适用于 Chrome/Opera/Safari 等。
javascript - Pixastic ColorAdjust 类型错误未定义
我真的希望有人能够提供帮助......我已经双重、三重和四重检查了 Pixastic 库正在加载。
这是我的 HTML 代码：
在<head>标签中：
在<body>标签中：
这是jQuery。我省略了计算 RGB 偏移量的公式，因为它们似乎不相关。但让我知道他们是否是。:)
这是我得到的错误：
（我也试过Pixastic.process(document.getElementById("preview-image"), "coloradjust"...并得到Pixastic.process is not a function等。