Question

我正在尝试使用扑克库创建一个扑克网络应用程序（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;
},

它使用canvas创建一个图像并放置在img标记内。我一直试图把它放在div中，比如：

$('#flop').append(Poker.getCardImage(60, 'hearts', 'j'));

但无济于事。它正常渲染的唯一方法是使用：

document.body.appendChild(Poker.getCardImage(100, 'h', 'Q'));

我真的没有想过如何解决这个问题。我尝试了很多JQuery方法，没有任何效果。我在chrome的网络选项卡上看到图像是使用base64创建的，但是当我尝试将其放在div中时，没有任何内容出现。只有附加到身体的尽头。有人可以借给我一个帮助吗？

TNX

Answer 1

我认为您应该只需要更改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'));

使用JQuery将图像添加到div

1 个答案: