怎么在网页中创建canvas和文字?

怎么在网页中创建canvas和文字?,第1张

<canvas id="t_con" height="200px" width="200px"></canvas>

<script>

var ele = document.getElementById("t_con")

var ctx = ele.getContext("2d")

// 字号为60px ,字体为impact

ctx.font = "30px impact"

//将文本填充为棕色

ctx.fillStyle = "#960"

//将文本设为居中对齐

ctx.textAlign = 'center' //规定变换 *** 控点的位置

//设置文字

ctx.fillText("Happy Trails!", 100, 55, 400)//参数为fillText(文本内容, 变换 *** 控点的x坐标, 变换中心的y坐标, 文本最大宽度)

</script>

刚看到的,或许对你有启示当然可以,但不是在Canvas添加。Canvas是不能添加控件的。可以用一个FrameLayout。将按钮和Canvas都放到FrameLayout里,FrameLayout类似photosshop的图层。可以实现控件重叠的效果。只要把button放在canvas上面,看着就像在canvas添加一样。


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/bake/11448262.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-16
下一篇 2023-05-16

发表评论

登录后才能评论

评论列表(0条)

保存