javascript - Konvas.js - 通过单击类 css 选择背景

Question

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

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

我不想在每张图片上都放一个 id

以下代码：

查询：

$('.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');

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

希望有帮助！