开发者社区

html5 canvas输入文字-问答-阿里云开发者社区-阿里云

开发者社区> 问答> 正文

html5 canvas输入文字

请问canvas如何实现在画布上输入问题，即画出一个矩形框，可以在框中输入文字。效果图如下。 screenshot

展开

收起

小旋风柴进 2016-06-07 10:49:29 4482 0

1 条回答

写回答

取消提交回答

小旋风柴进

在界面上加一个textarea，postition设置为absolute，用left，right定位即可

2019-07-17 19:29:33

赞同展开评论打赏

问答分类：

移动开发前端开发 HTML5

问答标签：

HTML文字 HTML canvas HTML canvas文字

问答地址：

开发者社区 > 开发与运维 > 问答

相关产品：

云迁移中心

版权声明：本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。

相关问答

机器翻译支持html翻译吗？把html里面的文字翻译成别的语种

169

1

0

HTML的canvas元素使用JavaScript在网页上绘制图像如何实现呢？

486

1

0

HTML5 Canvas元素有什么作用？

498

1

0

HTML中<body text=red>，表示正在点击文字的色彩是红色吗？

1662

1

0

HTML5中的<canvas>标签描述了什么？

292

1

0

HTML中<body text=red>，表示正在点击文字的色彩是红色，这句话是正确吗？

864

1

0

使用html2canvas一直报错，有用过的大神指教一下吗 ?报错

801

1

0

dataV下的文字标签支持html语法显示吗？如果支持的话，怎么写？我试了最简单的换行，没有效果

1347

1

0

ios中，webView加载html显示文字，如何更换字体？

3460

1

0

HTML中 checkbox 旁边的label标签文字位置问题

5573

1

0

问答排行榜

最热

最新

1 通过阿里云代备案系统进行个人快速备案 2698009

2 【大咖问答】对话PostgreSQL 中国社区发起人之一，阿里云数据库高级专家德哥 1817379

3 据说在家办公的程序员是这样写代码的？ 1791001

4 阿里云开放端口权限 688786

5 《阿里云服务器从入门到精通》—论坛精华帖汇总（2013.8.21更新） 598538

6 如何升级配置 535504

7 【藏经阁一起读（27）】本周推荐《Apache Flink案例集（2022版）》，你有哪些心得？ 521478

8 【精品问答】python技术1000问(1) 513299

9 Flink Forward Asia 2021 有奖问答 512183

10 Linux Bash严重漏洞修复紧急通知（已全部给出最终修复方案） 456470

11 工信部官网：www.miitbeian.gov.cn打不开解决办法 398764

12 OceanBase 使用动画（持续更新） 358687

13 阿里云LNAMP(Linux + Nginx + Apache + MySQL + PHP)环境一键安装脚本 328939

14 OSS存储服务-客户端工具 320566

15 为体验实验室取一个新名字。 306145

16 企业邮箱发送邮件时，若出现投递失败产生退信，内容提示包含如下： the mta server of * reply:550 failed to meet SPF requirements 或者 the mta server of 163.com — 163mx01.mxmail.netease.com(220.181.14.141) reply:550 MI:SPF mx14,QMCowECpA0qTiftVaeB3Cg—.872S2 1442548128 http://mail.163.com/help 302810

17 Win Server 2003-2016 加密勒索事件必打补丁合集 294578

18 FLASH播放器，在IE浏览器下显示请确定您的域名已完成备案和CNAME绑定 282302

19 安全组详解，新手必看教程 276695

20 【史上最详细】阿里云ECS安装wordpress教程 274977

1 亚运会&开发者，你觉得有哪些创意的参与方式？ 385

2 百问求答（11）DMS 问题专场！回答问题赢cherry鼠标等好礼 215

3 百川大模型告诉我，它是由OpenAI开发，授权百川智能在中国境内运营和维护。 216

4 视频文件2G~5G使用分片上传超时 203

5 函数计算FC的SD部署成功，不出图，怎么解决？每次时间好长，都显示下面这些错误信息 104

6 求教Elasticsearch：能否先获取token ,在利用获取的token获取数据？ 245

7 对程序员来说，技术能力和业务逻辑哪个更重要？ 1313

8 我们Elasticsearch 已经有3台服务器，出现这个错误，这个我要从那些方面去排查问题？ 184

9 哪些事情是你成为程序员之后才知道的？ 1241

10 程序员有哪些约定俗成的“码德”？ 1473

11 能否指导下块存储怎么让这容量生效？ 224

12 【藏经阁一起读（70）】读《看见新力量（第七期）》，你有哪些心得？ 366

13 stable-diffusion-plus 函数fc webui启动报错 137

14 当第二次提交数据时如何和第一次提交的数据匹配上，要求第二次提交的数据能显示出上周价格，即图一本周价格 312

15 手撕代码是程序员的基本功吗？ 1806

16 如果AI也能参加亚运会..... 1420

17 日常工作中，你对于日志数据都是如何利用的？ 745

18 百问求答（10）PolarDB问题专场！回答问题赢康宁多功能除菌器等好礼 588

19 ModelScope模型不能离线运行吗? 116

20 ModelScope魔搭的模型如何手动下载呀？git可以下载吗？ 153

相关课程

更多

HTML5 新特性教程

21292

15

去学习

零基础学前端HTML+CSS

8924

57

去学习

HTML基础入门学习

2466

21

去学习

HTML 入门与实战

32430

33

去学习

推荐问答

乘风问答官招募中！机械键盘免费拿

相关电子书

更多

天猫 HTML5 互动技术实践

立即下载

天猫HTML5互动技术实践

立即下载

《零基础HTML入门教程》

立即下载

相关实验场景

更多