6
Hiện nay tôi đang chơi với vải html5, mã đơn giản là dưới đây:Làm cách nào để lấy phần tử canvas bằng jquery?
<!DOCTYPE HTML>
<html>
<head>
<title></title>
<script src="Scripts/jquery-2.0.3.min.js"></script>
<script>
$(function() {
//THIS WILL NOT WORK!
//var cv = $("#cv");
//THIS WORKS FINE.
var cv = document.getElementById("cv");
ct = cv.getContext("2d");
var mText = "hi";
var x = cv.width/2;
var y = cv.height/2;
ct.textAligh = "center";
ct.fillText(mText, x, y);
});
</script>
</head>
<body>
<div style="width:200px; height:200px; margin:0 auto; padding:5px;">
<canvas id="cv" width="200" height="200" style="border:2px solid black">
Your browser doesn't support html5! Please download a fitable browser.
</canvas>
</div>
</body>
</html>
Yếu tố canvas chỉ có thể được chọn theo phương pháp document.getElementById, nhưng phương pháp jQuery không được làm việc. Có cách nào để có được html gốc từ đối tượng jquery hoặc tôi bỏ lỡ bằng cách sử dụng một cái gì đó? Cảm ơn bạn trước!
Bạn phải sử dụng chỉ mục '[0]' để biến đối tượng jQuery thành thành phần DOM 'var cv = $ ('# cv') [0]' – devnull69
@ devnull69 Vâng, nó hoạt động, cảm ơn bạn! – Erxin