gpt4 book ai didi

javascript - 如何通过jquery获取canvas元素?

转载 作者:太空狗 更新时间:2023-10-29 14:39:32 26 4
gpt4 key购买 nike

目前我在玩html5 Canvas ,简单的代码如下:

<!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>

canvas 元素只能通过document.getElementById 方法获取,但jQuery 方法不起作用。有没有办法从 jquery 对象中获取原始 html,或者我是否想念某些东西?提前致谢!

最佳答案

jQuery 的 $(<selector>)返回节点集合(实际上它是“对象伪装成数组” as the doc says )所以只需使用 $('#cv').get(0)而不是 document.getElementById("cv")

关于javascript - 如何通过jquery获取canvas元素?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/19323235/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com