个人中心
文章发布
退出
作者热门文章
- android - 多次调用 OnPrimaryClipChangedListener
- android - 无法更新 RecyclerView 中的 TextView 字段
- android.database.CursorIndexOutOfBoundsException : Index 0 requested, 光标大小为 0
- android - 使用 AppCompat 时，我们是否需要明确指定其 UI 组件(Spinner、EditText)颜色
26
4
我真的希望有人能够提供帮助...我已经两次、三次和四次检查 Pixastic 库是否正在加载。
这是我的 HTML 代码:
在 <head>标签:
<script src="pathto.../pixastic.js"></script>
<script src="pathto.../pixastic.effects.js"></script>
<script src="pathto.../pixastic.worker.js"></script>
在 <body>标签:
<div id="pattern-div" class="">
<div id="preview-background-print"><img id="preview-image" src="/image.png"/></div>
</div>
这是 jQuery。我省略了计算 RGB 偏移的公式，因为它们似乎不相关。但请告诉我他们是否是。 :)
$('#preview-image').pixastic('coloradjust',{
red : pixadjustR,
green : pixadjustG,
blue : pixadjustB
});
这是我收到的错误:
TypeError: $('#preview-image').pixastic is not a function. (In '$('#preview-image').pixastic('coloradjust',{
red : pixadjustR,
green : pixadjustG,
blue : pixadjustB
})', '$('#preview-image').pixastic' is undefined)`
(我也尝试过 Pixastic.process(document.getElementById("preview-image"), "coloradjust"... 并得到 Pixastic.process is not a function 等。
最佳答案
您是否包含 pixastic jquery plugin ？
如果您想在没有 jquery 插件的情况下执行此操作，这与他们在 demo 中的操作方式类似。 :
function pixastic(img, method, options){
// Copy image to canvas
var canvas = document.createElement('canvas');
canvas.width = img.width;
canvas.height = img.height;
var ctx = canvas.getContext("2d");
ctx.drawImage(img, 0, 0);
// Create Pixastic object and execute filter.
// The second parameter is the path to the folder containing the worker script
var P = new Pixastic(ctx);
P[method](options).done(function(){
// Copy the data back to the image as dataURI
img.src = canvas.toDataURL();
});
}
pixastic($('img')[0], "coloradjust", {
red : pixadjustR,
green : pixadjustG,
blue : pixadjustB
})
关于javascript - Pixastic ColorAdjust 类型错误未定义，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/42398708/
26
4
0
我有一组图像，必须在加载时降低饱和度，并在悬停时降低颜色。我已经尝试过此操作，但悬停不起作用，但负载时的去饱和度却起作用: $(window).load(function () { $
Untitled Document $(document).ready(function() { $('#image').pixastic("desaturate")
我需要在网页上进行一些交互式图像处理。我找到了 pixastic这似乎很适合这份工作。 关于 this page我正在尝试模糊图像，但我只能让“blurfast”起作用。 “模糊”对我不起作用。 我一
我真的希望有人能够提供帮助...我已经两次、三次和四次检查 Pixastic 库是否正在加载。 这是我的 HTML 代码: 在 标签: 在 标签: 这是 jQuery。我省略了计算 RGB
我有一个带有图像的 Canvas 元素。 现在我尝试在单击按钮时旋转 Canvas 中的图像: $("#rotateC").live('click',function(e) { e.p
我尝试使用 Pixastic 更改图片的对比度，但它给我一个错误告诉我 Error: uncaught exception: [Exception... "Security error" code:"
我在使用 pixastic 和 jquery 工具叠加时遇到问题。我希望在单击图像时打开叠加层并降低该图像的饱和度。 去饱和度和叠加工作正常，但是当叠加关闭时，图像将不再可单击，并且不会恢复为原始颜色
Pixastic“混合”过滤器似乎在 IE9 的演示网站上运行良好，但实际的可下载代码却不然。我相信这是由于 pixastic.core.js 文件中第 426 行的“isIE”检测代码造成的: is
我只想点击图片，然后看到它变模糊。就是这样。这是链接: http://www.olliemccarthy.com/test/blur-experiment/ 这是我到目前为止一直在使用的代码。 $(d
我使用 Pixastic 来更改 Canvas 上图像的亮度和对比度等简单效果。 但是，我一直没能找到将这些效果一起应用的方法。例如。应用亮度然后在这个已经变亮的图像上应用对比度，而不是原始图像。 使
我在一些图像上执行了几个函数，当鼠标进入或离开图像时(使用此站点中的一些代码)使图像饱和(pixastic.revert)或去饱和。 $('.execImagenav').live({
我似乎可以在 Pixastic 上使用恢复功能。我在这里缺少什么？？ function set_fx( bri, con){ $("#working-pic").pixastic("brig
我的 Pixastic 和我的 Canvas 听众之间有一个奇怪的冲突。 当我在 Canvas 上使用 Pixastic 函数时，此操作后 Canvas 的监听器不起作用。我使用 Pixastic 插
现在我正在建立一个图像处理网站，我正在使用 Pixastic 中的大部分功能，它们非常好。但是，我在想裁剪功能是否有任何改进。 我可以使用 Pixastic 中的裁剪功能，但我想通过光标裁剪图像。我不
我正在开发一个图像编辑器，我必须创建一些应用于 RaphaelJS 图像的像素处理方法。我正在考虑使用 Pixastic 库进行像素操作。 问题是我无法将 RaphaelJS 图像链接到 Pixast
我在 JavaScript 中使用 Pixastic 插件。我有一张 table ，上面摆满了模糊的图像。当我用鼠标经过它们时，我希望它们恢复正常。当鼠标离开图像时，我希望它模糊回来。出于某种原因，我
我继承了一个小型 Web 应用程序，该应用程序具有用户可以从下拉列表中选择颜色的功能，然后对图像的一部分进行着色。 着色是通过名为 Pixastic 的 Javascript 库进行的。 . Pixa
有谁知道如何使用 Pixastic 插件和 jQuery 使图像从颜色淡化到完全不饱和？ 我试图避免保存两张图片并淡出一张.. 最佳答案 我做了相反的事情......让不饱和的图像淡入颜色。在 pix
我是一名优秀的程序员,十分优秀！