Canvas-2d fillText

最新推荐文章于 2024-04-16 09:21:14 发布

清静清源

最新推荐文章于 2024-04-16 09:21:14 发布

阅读量331

点赞数

分类专栏： javascript

本文链接：https://blog.csdn.net/qq_35068659/article/details/113558453

版权

本文介绍了Canvas-2D的fillText方法，包括语法、参数解析和实际使用示例，展示如何在画布上绘制文本，以及设置文本的最大宽度。示例中展示了祝新年快乐的文本效果。

摘要由CSDN通过智能技术生成

语法

context.fillText(text, x, y, [maxWidth]);

参数

text - ^String - 文本字符串
x - ^Number - 文本左上角x坐标
y - ^Number - 文本左上角y坐标
[maxWidth] - ^Number - 文本的最大宽度(^可选参数)

例子

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title></title>
		<style>
			.place {
   
				border: 1px dotted black;
				width: 500px;
				height: 500px;
			}
		</style>
		<script>
			function beginRect(id) {

最低0.47元/天解锁文章

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

清静清源

关注关注

0
点赞
踩
2

收藏

觉得还不错? 一键收藏
0
评论
Canvas-2d fillText

语法context.fillText(text, x, y, [maxWidth]);参数text - String - 文本字符串x - Number - 文本左上角x坐标y - Number - 文本左上角y坐标[maxWidth] - Number - 文本的最大宽度(可选参数)例子<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title>&
复制链接

扫一扫