问题标签 [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.

0 投票
2 回答
488 浏览

javascript - 使用滑块和 Pixastic 库进行图像编辑

我正在尝试使用Pixastic js 库编辑图像,以便在用户移动 JqueryUI 滑块时图像自动模糊到某个值。我已经使用滑块来使用此咖啡脚本调整图像的不透明度 CSS 值来实现此功能:

但是当我尝试使用 Pixastic 库做基本相同的事情时,没有骰子:

这段代码的奇怪之处在于它“冻结”了滑块——当我加载页面时,滑块停留在默认值“0.5”并且无法移动(但如果我注释掉Pixastic.process($("#img_16"), "blurfast", { amount: ui.value})代码,它会移动通常再次)。

这是我的代码问题还是我使用 Pixastic 库的方式有问题?

0 投票
1 回答
759 浏览

coffeescript - Coffeescript 在选择框值更改时从列表中动态创建/调用函数

我正在使用Pixastic 库添加一些图像编辑工具。这个想法是用户可以从选择框中选择他们想要的图像或工具的一个方面,然后该工具将显示在选择框下方(我正在使用select2)并且用户可以通过滑块进行编辑。这是我到目前为止所拥有的:

This succeeds in appending the name of the editing tool and the correct slider div beneath the select box when a tool is chosen, but what I'd really like is dynamically create a slider function for that particular tool and image (there are multiple images on一个页面,每个页面都有自己的编辑工具带)。这是一个适用于“模糊”工具的滑块功能:

有没有办法扩展 imageToolsList 使它看起来像:

然后为 中的每个工具动态创建 jQuery 滑块函数imageTooler,就像 div 和滑块 div 所做的那样?

0 投票
1 回答
2599 浏览

javascript - 被 CORS 图像污染的画布

我在使用支持 CORS 的图像和画布(Pixastic)时遇到问题。

在服务器上我有

在我的 htaccess 文件中。

在客户端,我尝试在 HTML 中设置 crossorigin 属性,如下所示:

没有成功。之后我尝试了 Pixastic 的代码:

也不行。

我还禁用了 chrome 的缓存,但没有帮助。

Chrome 正在记录:

即使 HTML 看起来不错(crossorigin设置了属性),图像标题看起来也不错(Access-Control-Allow-Origin)...我不知道接下来要尝试什么,所以欢迎任何建议!

不幸的是,我无法提供任何链接,因为您可以猜到这个应用程序离生产还很远。

0 投票
1 回答
378 浏览

javascript - Jquery Cycle 和 Pixastic 快速模糊

我正在尝试循环我的图像并模糊背景图像,但问题是它只模糊了第一张图像而不是下一张图像。

0 投票
1 回答
431 浏览

php - 如何在php中编辑后保存图像

我创建了一个简单的图像编辑器,具有亮度、对比度和去饱和度等效果。我已经使用了来自 www.pixastic.com 的这个 pixastic 功能。该功能成功运行,但我不知道如何用调整后的图像替换原始图像,并带有效果。这是我用过的代码

0 投票
1 回答
178 浏览

javascript - 加载图像后在图像上调用函数

我正在尝试将一堆图像动态添加到我的页面中jQuery,然后使用pixastic图像处理库来修改它们。用户输入一些搜索条件,返回图像 URL 列表,我将它们附加到我的内容区域,然后尝试做一些事情——例如反转它们。这是我的代码:

图像返回得很好,甚至触发了我的加载事件......但图像没有改变。

但是,如果我从 document.ready 调用它,则此代码可以正常工作:

我宁愿在加载每个图像时对其进行操作,而不是等到它们全部加载然后开始反转它们。我查看了imagesloaded库,但它看起来像是在父容器 ( ?) 上运行的。

无论如何,我在这里做错了什么?

0 投票
0 回答
148 浏览

javascript - 在许多图像上调整大小和图像处理?

在给定用户搜索条件的情况下,我需要在磁盘上显示数千张图像的子集。这意味着我可以一次显示 100 个。每个图像都很大——确切地说是 3510x1131。而且我需要在显示之前进行一些光图像处理(调整亮度和对比度)。

我的应用程序是使用 jQuery 的 Web.API 应用程序。

我的第一步是将 URL 传递给浏览器,然后调整图像大小并使用 pixastic 进行调整。工作,但它很慢。

我想如果我可以在调整之前调整图像大小会快得多,但我不想创建副本然后链接到这些副本。也许有一种方法可以即时生成图像并提供服务?也许通过 REST?底线是我需要调整 LOSSY 图像大小,而不仅仅是使用 css 设置宽度和高度。

是否有我遗漏的工具或有人做过类似的事情?我认为我正在寻找的内容与谷歌图片搜索结果完全一样——但我不知道它们是如何生成这些缩略图的——如果我要调整亮度/对比度,我是在缩略图上(节省时间)还是全尺寸图片?

0 投票
2 回答
264 浏览

javascript - JavaScript - Pixastic - 错误:此操作不安全

我正在尝试使用 Pixastic 对图像进行去饱和处理。我从官方 网站下载了脚本并检查了唯一需要的东西(核心、jquery 插件和去饱和效果)。

我尝试使用与演示中显示的相同的代码,除了我将它包含在 jQuery 的 .ready 函数中,但这不应该引起问题:

但我总是得到同样的错误:这个操作是不安全的。该错误来自第 374 行的 Pixastic js 文件:

我正在本地 wamp 服务器上开发。

关于我做错了什么的任何想法?谢谢你的帮助 !:)

0 投票
1 回答
1199 浏览

jquery - 如何设置图像亮度以恢复其原始亮度?

我正在使用Pixastic执行图像操作。目前我正在使用它的亮度/对比度代码。

这是HTML代码

这是 Pixastic 的 jQuery 代码

我可以设置它的亮度,但我无法将其恢复。

让我解释一下...例如,我将滑块值更改为 25,然后将亮度设置为 25,但是如果我将滑块值从 25 再次拖动到 0,则它不会设置图像的原始亮度... :(

我认为每次前 25 然后加上 25 (50) 都会增加价值。

请大家帮帮我,我昨天问了类似的问题,但没有从 stackoverflow 得到任何回复。

而且我认为没有其他选项可以使用滑块更改图像的亮度,或者请告诉我。

谢谢!!!

0 投票
1 回答
504 浏览

image - 使用 pixastic 混合两个图像不起作用。如何获得新图像?

嘿,我正在尝试将两个图像与 pixastic 混合。可以将一个图像拖放到另一个图像上(使用 jqueryUI),在它获得正确的位置后,两个图像将合二为一。

所以我想使用 pixastic 混合效果。

到目前为止我试过这个:

当较小的图像具有混合两个图像的正确位置时,应该调用函数 BlendTheImages。

我不知道它是否有效或如何获得新的混合图像..

请帮我!谢谢