Konvas.js - 通过点击选择背景 class css

Question

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

我不想在每张图片上都加上 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。而不是这样做，您应该从单击的 'back' 元素中获取图像。应该是：

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

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

希望对您有所帮助！

Konvas.js - 通过点击选择背景 class css

Konvas.js - Chosse background by click class css

javascript

jquery

konvajs