Jquery仅将canvas附加到其中一个选定元素

Question

我的html布局中有几个span，每个我想用jquery追加canvas - 元素。我用for-each循环尝试了这个：

$.each($('span'), function(index,element){
        element.append('<canvas width="' + element.width + '" height="' + element.heigth + '"></canvas>');
        var context = $(element).find('canvas').first().getContext('2d');
        context.drawImage($('img').first(), 0,0);
    });

但不知何故，画布仅附加到布局中的第一个跨度！为什么？谢谢！

JSFIDDLE：http://jsfiddle.net/aXNYx/

Answer 1

尝试尝试这个小提琴。

http://jsfiddle.net/p55T2/1/

• 宽度和高度是要调用的函数。
• 你拼错的身高
• first()似乎无法正常工作，您可能想研究原因。