[英]Adding image to a div using JQuery
我正在尝试使用扑克库( http://tairraos.github.io/Poker.JS/ )创建一个扑克网络应用程序
渲染卡片图像的一种方法是使用此功能:
getCardImage: function(size, suit, point) {
var image = document.createElement('img');
image.src = this.getCardData(size, suit, point);
return image;
},
它使用画布创建图像并将其放置在img标签内。 我一直试图将其放在div中,例如:
$('#flop').append(Poker.getCardImage(60, 'hearts', 'j'));
但无济于事。 它正常呈现的唯一方法是使用:
document.body.appendChild(Poker.getCardImage(100, 'h', 'Q'));
我真的没有想到如何实现这一目标。 我尝试了许多JQuery方法,但没有任何效果。 我在chrome的网络标签上看到该图片是使用base64创建的,但是当我尝试将其放置在div中时,什么也没有出现。 只有附加到主体的末端。 有人可以在这里帮我吗?
n
我认为您只需要更改getCardImage
函数即可返回jQuery元素而不是HTML元素。 尝试这个:
getCardImage: function(size, suit, point) {
var image = '<img src="' + this.getCardData(size, suit, point) + '" />';
return $(image);
}
然后您的jQuery附加文件应该可以工作:
$('#flop').append(Poker.getCardImage(60, 'hearts', 'j'));
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.