Javascript 使用画布在嵌套圆中添加文本？_Javascript_Canvas

Javascript 使用画布在嵌套圆中添加文本？

javascript canvas

Javascript 使用画布在嵌套圆中添加文本？,javascript,canvas,Javascript,Canvas,我想在另一个圆圈内画一个圆圈，然后在新的（小）圆圈内添加文字（例如字母表）到目前为止，我得到了以下信息，有什么建议吗 <!DOCTYPE html> <html> <body> <canvas id="myCanvas" width="200" height="100" style="border:1px solid #d3d3d3;">

我想在另一个圆圈内画一个圆圈，然后在新的（小）圆圈内添加文字（例如字母表）

到目前为止，我得到了以下信息，有什么建议吗

            <!DOCTYPE html>
            <html>
            <body>

            <canvas id="myCanvas" width="200" height="100" style="border:1px solid #d3d3d3;">
            Your browser does not support the HTML5 canvas tag.</canvas>

            <script>
            var c = document.getElementById("myCanvas");
            var ctx = c.getContext("2d");
            ctx.beginPath();
            ctx.arc(95,50,40,0,2*Math.PI);
            ctx.stroke();
            ctx.fillStyle ="red";
            ctx.fill();

            var dd = document.getElementById("myCanvas");
            var ddtx = dd.getContext("2d");
            ddtx.beginPath();
            ddtx.arc (96,50,35,2*Math.PI,1.99*Math.PI);
            ddtx.stroke();
            ddtx.fillStyle ="blue";
            ddtx.fill();

            var d = document.getElementById("myCanvas");
            var dtx = d.getContext("2d");
            dtx.beginPath();
            dtx.arc(95,50,10,2*Math.PI,1.9*Math.PI);
            dtx.stroke();
            dtx.fillStyle = "white";
            dtx.fill(); 
            </script> 

            </body>
            </html>


您的浏览器不支持HTML5画布标记。
var c=document.getElementById（“myCanvas”）；
var ctx=c.getContext（“2d”）；
ctx.beginPath（）；
ctx.arc（95,50,40,0,2*Math.PI）；
ctx.stroke（）；
ctx.fillStyle=“红色”；
ctx.fill（）；
var dd=document.getElementById（“myCanvas”）；
var ddtx=dd.getContext（“2d”）；
ddtx.beginPath（）；
ddtx.arc（96,50,35,2*Math.PI，1.99*Math.PI）；
ddtx.stroke（）；
ddtx.fillStyle=“蓝色”；
ddtx.fill（）；
var d=document.getElementById（“myCanvas”）；
var dtx=d.getContext（“2d”）；
dtx.beginPath（）；
dtx.arc（95,50,10,2*Math.PI，1.9*Math.PI）；
dtx.stroke（）；
dtx.fillStyle=“白色”；
dtx.fill（）；

您可以按如下方式使用上下文文本功能：

var c=document.getElementById（“myCanvas”）；
var ctx=c.getContext（“2d”）；
ctx.beginPath（）；
ctx.arc（95,50,40,0,2*Math.PI）；
ctx.stroke（）；
ctx.fillStyle=“红色”；
ctx.fill（）；
var d=document.getElementById（“myCanvas”）；
var dtx=d.getContext（“2d”）；
dtx.beginPath（）；
dtx.arc（95,50,10,2*Math.PI，1.9*Math.PI）；
dtx.stroke（）；
dtx.fillStyle=“白色”；
dtx.fill（）；
dtx.fillStyle=“黑色”//用于书写文本的字体颜色
var font=“bold 13px serif”；
dtx.font=font；//指定字体
dtx.textbrealine=“top”//将基线设置为顶部
dtx.fillText（“A”，90，43）；//使用文本的x和y坐标渲染文本


您的浏览器不支持HTML5画布标记。

您能否准确说明您想要实现的目标？也许是你想要的结果的草图。从你的描述来看，不清楚你想把文本放在哪里，它应该如何布置等等。我看不出有什么问题。我运行了你的代码，得到了“圆圈内的圆圈”。如果您想查看代码，应该前往。对于画布上的文字，到底是什么问题？我想在内圈添加文字或字母表。太好了，谢谢。还有一个问题，如何在圆圈中插入句子或文本。比方说从L到R。你可以用同样的方式向上下文中添加另一个文本，并将其放置在任何你想要的地方。内环上的文本：dtx.fillStyle=“black”//font color使用var font=“bold 13px serif”编写文本；dtx.font=font；dtx.textBaseline=“底部”；dtx.fillText（“阿南艾哈迈德文本”，50,50,95,25）；