问题标签 [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 投票
1 回答
2159 浏览

javascript - 使用 Pixastic 旋转

我有一个带有图像的画布元素。

现在我尝试在单击按钮时旋转画布中的图像:

图像将旋转一次,然后如果我再次单击该按钮,则没有任何反应。

你知道问题是什么吗?

0 投票
2 回答
750 浏览

jquery - 单击元素时如何恢复pixastic中的图像?

我只是尝试使用以下代码来模糊图像,效果很好。但是我想在单击元素时恢复原状,我该怎么做?

0 投票
1 回答
480 浏览

javascript - 我的 PIXASTIC“Lighten.js”过滤器 Javascript 和 HTML5 代码不起作用

这是我的代码,我做错了什么?图像当前显示在浏览器中,但没有变亮...

这是我的 HTML 代码,链接到从他们的下载站点构建的 custom.js 文件(它包括核心和减轻,仅此而已)

0 投票
1 回答
510 浏览

javascript - 我在使用来自 Pixastic 的 HTML5 Canvas 和 Javascript 过滤器处理我的图像时遇到问题,我做错了什么?

Javascript "pixastic.custom (5) 文件是从 Pixastic 创建的,仅使用核心代码和 "lighten" 过滤器。该代码用于在 Mozilla 浏览器中重绘画布中的图像,但它没有过滤它。HTML5 是对画布进行编码,在画布上绘制图像,并且应该通过 Javascript 过滤器将图像重绘到画布上,然后将其变亮。这些有什么意义吗?

下面是我的代码:

感谢您查看我的代码...我真的不知道为什么它不起作用。一切都在同一个目录中,一切都匹配。该代码是从 PIXASTIC 网站与 HTML5 Canvas 框架相结合的,一切都应该顺利运行......

0 投票
2 回答
279 浏览

javascript - 使用 Pixastic 插件后画布监听器不起作用

我在 Pixastic 和我的画布听众之间有一个奇怪的冲突。

当我在画布上使用 Pixastic 函数时,此操作后画布的侦听器不起作用。我使用 Pixastic 插件分析了我的画布,发现 pixastic 添加了一些属性,如 tabindex(我认为与侦听器冲突)。

这是我之前和之后的画布:

我使用的听众是mousedown, mouseup, mousemove. 有人可以帮助我吗?

0 投票
2 回答
342 浏览

javascript - Pixastic 模糊缓动?

是否可以将缓动应用于 pixastic blurfast 函数?

我有一个全屏背景图像,我想在单击按钮时模糊它,因为我在它上面覆盖了更多内容。

我目前正在这样做(使用 jquery):

这对于模糊效果很好,但它会立即发生。是否有可能通过某种缓和来使这种效果淡出?

我以前在 Flash 中做过这种效果,但这是我在 javascript 中的第一次尝试。

如果可能在 pixastic 以外的其他东西中使用,我愿意使用不同的 js 库

谢谢

0 投票
1 回答
2384 浏览

jquery - Pixastic 去饱和加载和悬停颜色

我有一组图像在加载时必须去饱和,在悬停时必须有颜色。我已经尝试过了,但是悬停不起作用,但它确实会降低负载的饱和度:

我在这里看到了其他一些帖子,但似乎都没有。
我究竟做错了什么?

0 投票
1 回答
1176 浏览

jquery - 如何使用 Pixastic?

我正在尝试使用Pixastic 插件混合两个图像- 这是我的代码

这些图像将是动态的,我不确定为什么测试不起作用。我可能做错了什么,因为我认为我没有正确编码。这是否必须与 jQuery 插件一起使用?

有人可以解释一下如何让混合模式在两张图像上工作,其中一张是未知的,但 ID 是固定的?

0 投票
1 回答
809 浏览

jquery - Pixastic Blur 不起作用 - 变量问题?

所以我想尝试使用Pixastic 快速模糊方法来模糊图像。他们在文档中提供的代码如下:

但是当我像这样在我的页面上尝试它时:

它根本什么都不做。

我也试着这样称呼它,也没有任何结果:

它甚至不会抛出错误!

我试图了解发生了什么:在img中,创建了一个新图像。一旦图像.div加载完毕,Pixastic 就会触发并将模糊效果添加到新创建的图像中。现在,图像作为子图像应用并获取src属性。

正如您可能注意到的那样,我在那里有一些逻辑错误,但我无法弄清楚。我相信在上面的代码中,img并不总是一样的。有时它是变量,有时它必须是来自img-tag 的实际图像。这是真的?或者你有没有看到其他让你印象深刻的事情?为什么它不起作用?

0 投票
1 回答
1188 浏览

javascript - 使用 Jcrop 和 Pixastic 进行裁剪

现在我正在建立一个图像处理网站,我正在使用 Pixastic 中的大部分功能,它们非常好。但是,我在考虑裁剪功能是否有任何改进。

我可以在 Pixastic 中使用裁剪功能,但我想通过光标裁剪图像。我不想像这样输入位置的值:

};

但是我不知道怎么用jquery来获取位置的值,比如offset()、e.pageX、e.pageY、mousedown()和mouseup(),所以决定用jcrop进行裁剪. 但是,如果你们中的任何人都可以帮助我解决这个问题,那就太好了。

这是我的 Jcrop 代码:

这些 Jcrop 代码使我能够选择区域并告诉我位置的值,但它没有告诉我如何裁剪或我可以为该功能设置的按钮,所以我在考虑是否可以将 Pixastic 和 Jcrop 结合起来这:

};

我在想如果 Jcrop 可以告诉我位置的值,我可以将这些值放入 PixasticcropImg 函数中。

我将 Pixastic 代码和 Jcrop 代码分别放在两个文件中,但无论我做什么,它们都不能一起工作。要么我可以选择图像,但 Pixastic 功能都不起作用,或者 Jcrop 不起作用。

因此,如果有人知道如何进行裁剪,我正在寻求帮助,我非常感谢您的回答!如果我没有清楚地解释我的问题以及解决此问题所需的更多信息,请告诉我。

提前谢谢你,很抱歉这么长的问题。祝你有美好的一天!!

PS 我一个月前刚学了 HTML、CSS 和 Javascript,但完全不懂其他编程语言,所以如果你能详细解释或给我一个更简单的答案,那就太好了!