ランダムなキャンバスに画像を描画するJavaScriptの関数があります
JavaScriptのデフォルトセレクターを使用してimg
ソースを選択し、この画像の一部を目的のキャンバスに描画します
jqueryを使用してimgオブジェクトを選択したいのですが、に置き換えるvar img =document ...
とvar img=$("#karajan")
、関数はキャンバスに画像を描画しません
また、試してみましvar img=$("#karajan").text() .... $("#karajan").val() .... $("#karajan").html()
たが、どれも機能しませんでした
function drawImage() {
var img = document.getElementById("karajan");
var arr = getRandomArray();
for (var i = 0; i < 3; i++) {
for (var j = 0; j < 3; j++) {
var dx = ((j == 0) ? 0 : j * 150 + j * 10);
var dy = ((i == 0) ? 0 : i * 150 + i * 10);
var k = i * 3 + j;
if (k > 7) continue;
getCanvas(arr[k] - 1).drawImage(img, j * 150, i * 150, 150, 150, 0, 0, 150, 150);
}
}
}