怎么将获取到的文本宽度输出在画布里面

首页课程实战体系课手记专栏慕课教程

怎么将获取到的文本宽度输出在画布里面

来源：6-3 Canvas图片的绘制（1）

老姜辣口哦

2017-10-19 19:56:24

请尽量清晰完善地描述问题，以便大家给予专业的回复。

写回答

3回答

gaogao_

2017-11-14

你的代码已经将宽度输出在画布里了，画布指的是canvas定义的这个蓝色的画布

西岚Silan

2017-11-06

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>canvas字体</title>
    <style>
        canvas{background-color:lightblue;}
    </style>
</head>
<body>
    <canvas id="canvas" width="800px" height="800px">您的浏览器不支持canvas
    </canvas>
    <script>
        var canvas=document.getElementById("canvas");
        var context=canvas.getContext('2d');
        //此处补充代码
        var str="前端路径课程";
        context.font="30px sans-serif"
        context.fillStyle="blue";
        context.fillText(str,400,400);
        context.textAlign="center";
        context.textBaseLine="middle";
        var width="字体的width是："+context.measureText(str).width;
        
        context.fillText(width,500,500);
    </script> 
</body>
</html>

樱桃小胖子

2017-10-19

不是很理解你说的问题，建议详细的描述一下哦~

0 学习 · 626 问题

查看课程

相似问题

在标签中和在样式表中定义宽高有什么区别？

回答 2

关于案例的问题

回答 2

相交的2条直线，请问如何使它们的宽度不一样?

回答 2

时钟的边也有描边了

回答 1

请帮我看看为什么水平居中和垂直居中会有问题

回答 1

打开慕课网App查看更多内容