Javascript 如何使这个jQuery事件集数据具有使CamanJS实际更改图像的caman值'；什么颜色？

我有两幅图像，它们彼此层叠，因此我可以独立修改同一张图片的不同部分：

<div id="box">
   <div class="woof"><img data-caman="saturation(0) brightness(0) hue(50)" src="charm1.png" /></div>
   <div class="woof"><img data-caman="saturation(0) brightness(0) hue(50)" src="charm2.png" /></div>
</div>
<div id="button2">data caman tho?</div>

数据卡曼索？

这将成功输出具有更改色调的两个图像，如以下元素：

<img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFAAAABQCAYAAACOEfKtAAABv0lEQVR4Xu3WsVHDQBgF4XOm0CGhSnAZhIQqhRIIKUMlUAYlKCR0eJmYky1hGCeevWNG/6xjnrE/70k6JF9I4IDWjpOAMAIBBYQCcG6BAkIBOLdAAaEAnFuggFAAzi1QQCgA5xYoIBSAcwsUEArAuQUKCAXg3AIFhAJwboECQgE4t0ABoQCcW6CAUADOLVBAKADnFiggFIBzCxQQCsC5Be4NsDvlOX92YX64f/0i0fBKvO0BX85zN3XLQcmvXykNffv/CY/lI/N2X+YGLipeuwLHae7eni7V9TmVAiPW1w7wWl9BK5BR8doA3tZXrnnrK9i1b/1ada+B9/DGY0rDebt5RLsTNwNcbxzbEQ5aYj3Am/r+PgYs18DyCniMmwFud98+/zrCjzxj7eFvqwKm8bg8stw9vgHrq38Xvh7jfHq/xPM8hD26be7C5V3HaU4f4w9g0PLaAe7hwlXxM9a7Blb8UHt6KwHhryWggFAAzi1QQCgA5xYoIBSAcwsUEArAuQUKCAXg3AIFhAJwboECQgE4t0ABoQCcW6CAUADOLVBAKADnFiggFIBzCxQQCsC5BQoIBeDcAgWEAnBugRDwGy8ZZlHkQI3kAAAAAElFTkSuQmCC" width="80" height="80">

…但单击“按钮2”时，这：

<script>
$(document).ready(function() {
  $( '#button2' ).click(function() {
    $(".woof").first().html('<img data-caman="saturation(0) brightness(0) hue(70)" src="charm1.png" />');
  });
});
</script>

$（文档）.ready（函数（）{
$（'#按钮2'）。单击（函数（）{
$（“.woof”）.first（）.html（“”）；
});
});

仅字面上将属性更改为

data caman=“饱和度（0）亮度（0）色调（70）”

。它不是由CamanJS解析的，它只是显示原始图像

我想单击

按钮2

，让函数在适当的范围内生成一个数字并重置图像的色调，并且能够重复这个，而不必刷新页面进行处理——否则，我可以在每次加载页面时用PHP生成色调值

---

如何使用函数实际更改值？如果不可能，那么有什么好的替代方案来完成我正在尝试的任务呢？

您可以更改脚本，这样就不会替换整个节点，而只需使用

.attr（'data-caam'）

或

.data（'caman'）

来更新属性值吗？此外，这是在假定插件实际上没有缓存

数据caman

属性的值的情况下运行的，否则您必须找到另一种方法来重新初始化它（以便它读取新的

数据caman

值）。非常感谢，看来您对缓存的看法可能是正确的——这是一篇相关文章。我想您不知道是否可以在没有画布实例的情况下调用reloadCanvasData（），只有属性？