javascript - Konvajs - 通过单击 CSS 类选择背景

Question

我正在尝试使用 Konvas.js 单击 imgback 类并根据单击的图像更改背景:

https://jsfiddle.net/hk7xe0we/3/

我不想在每张图片上添加 ID

以下代码:

Jquery:

$('.back').click(function(){
    imgback = $('img').attr('src'); 
});

HTML

<h2>Background</h2> 
    <span class="back"><img class="img-responsive img-thumbnail" src="http://lorempixel.com/450/400/animals" width="50px"></span>
     <span class="back"><img class="img-responsive img-thumbnail" src="http://lorempixel.com/400/400/city" width="50px" ></span>

感谢您的帮助

https://github.com/EditorsJS/editorimagekonvajs

Answer 1

当您使用此声明时

imgback = $('img').attr('src'); 

它从html中获取第一个img的src。您应该从单击的“后退”元素中获取图像，而不是这样做。应该是:

 imgback = $(this).find('img').attr('src');

我已经 fork 了你的 jsfiddle 并更新了它。 https://jsfiddle.net/1t0qz1rx/2/

希望有帮助!