使用JQuery將圖像添加到div

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;
},

它使用畫布創建圖像並將其放置在img標簽內。 我一直試圖將其放在div中，例如：

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

但無濟於事。 它正常呈現的唯一方法是使用：

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

我真的沒有想到如何實現這一目標。 我嘗試了許多JQuery方法，但沒有任何效果。 我在chrome的網絡標簽上看到該圖片是使用base64創建的，但是當我嘗試將其放置在div中時，什么也沒有出現。 只有附加到主體的末端。 有人可以在這里幫我嗎？

n

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'));