canvas文字绘制的起始坐标位置
博客专区 > sHarenZ 的博客 > 博客详情
canvas文字绘制的起始坐标位置
sHarenZ 发表于3年前
canvas文字绘制的起始坐标位置
  • 发表于 3年前
  • 阅读 14
  • 收藏 0
  • 点赞 0
  • 评论 0

标题:腾讯云 新注册用户域名抢购1元起>>>   

摘要: canvas

先上代码

<script type="text/javascript">
			var but = document.getElementById("random");
			var canvas = document.getElementById("canvas");
			but.addEventListener('click', function(event) {
				event.stopPropagation();
				if (canvas != null) {
					var context = canvas.getContext('2d');
					context.fillStyle = '#FFFFFF';
					context.font = 'bold 40px 微软雅黑';
					
					var num = 123;
					context.fillText(num,110,110);
				}
			});
		</script>

然后是效果图

共有 人打赏支持
粉丝 0
博文 3
码字总数 2193
×
sHarenZ
如果觉得我的文章对您有用,请随意打赏。您的支持将鼓励我继续创作!
* 金额(元)
¥1 ¥5 ¥10 ¥20 其他金额
打赏人
留言
* 支付类型
微信扫码支付
打赏金额:
已支付成功
打赏金额: