jquery - 在 Wordpress 中自动将用户上传的内容转换为灰度

标签 jquery css html wordpress canvas

你好,

我目前正在为客户开发一个 Wordpress 网站,该网站使用 Fancy Product Designer 与 WooCommerce 相结合来销售定制雕刻的内存石。石头是黑色的,雕刻是激光 eclipse 刻的,可以产生漂亮的灰度文本和图像。

客户希望上传到 Designer 的图像是灰度的,这样客户就不会最终对彩色打印抱有不切实际的期望,而客户无法提供。

Fancy Product Designer 是我们大多数问题的解决方案,但 CSS 无法访问设计器中的各个元素,因为它们是通过插件的 JQuery 在 HTML5 CANVAS 元素上绘制的。我们最初的解决方案是将灰度 CSS 叠加应用于整个 CANVAS 元素,但这混淆了 Designer 原生的红色错误消息。

我认为解决方案是找到一个插件或方法,在将用户上传的内容作为元素应用到 CANVAS 之前自动将它们转换为灰度。

请帮忙!

最佳答案

我无法发表评论,因为我缺少代表,但有一个教程允许在 Canvas 中对图像进行灰度化。这可以通过使用图像过滤器来实现,单独读取图像的每个像素,然后弱化颜色使它们变成灰色。 Check it out here

关于jquery - 在 Wordpress 中自动将用户上传的内容转换为灰度,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/25040685/

相关文章:

javascript - Firefox 未在切换的 div 中加载 wuFoo 表单

html - IE8 div 宽度 float :right issue for responsive site

javascript - 跨度外层后台控制层级

html - 无法在第一个和最后一个 child 上进行异常形状的悬停

html - 页脚在 IE11 上出现损坏

javascript - 将鼠标悬停在固定的 HTML 元素上时防止 JQuery 可排序传播

Jquery 通过两个 attr 值查找

javascript - 如何选择与过滤器匹配的连续元素

html - 仅使用 CSS 创建表格

php - 将复选框提交到 MySQL 时出错