首页 > 解决方案 > “二维”是什么意思

问题描述

我明白

var canvas = document.getElementById("myCanvas");

但我不明白

var ctx = canvas.getContext("2d");

“2d”是什么意思,是“二维”吗?我在想那getContext("");是在文本中找到一些单词

英语不是我的主要语言...

<!DOCTYPE html>
<html>
<body>
<canvas id="myCanvas" width="200" height="100"
style="border:1px solid #d3d3d3;">
Your browser does not support the canvas element.
</canvas>
<script>
var canvas = document.getElementById("myCanvas");
var ctx = canvas.getContext("2d");
ctx.beginPath();
ctx.arc(95,50,40,0,2*Math.PI);
ctx.stroke();
</script> 
</body>
</html>

标签: javascripthtmlcsscanvas

解决方案


“2d”是什么意思,是“二维”吗?

是的

https://developer.mozilla.org/en-US/docs/Web/API/HTMLCanvasElement/getContext

contextType是一个 DOMString ,包含定义与画布关联的绘图上下文的上下文标识符。可能的值为:

  • “2d”,导致创建表示二维渲染上下文的 CanvasRenderingContext2D 对象。

推荐阅读