开发者社区> 问答> 正文

如何使用<canvas>标签?

如何使用< canvas>标签?

展开
收起
甜甜的嘻嘻嘻 2022-07-27 13:35:20 302 0
1 条回答
写回答
取消 提交回答
  • 使用< canvas>大概可以分为以下步骤。

    1.在 HTML 文档中定义< canvas>标签,如下方代码所示;

    image.png

    < canvas>标签只有两个属性——width 和 height。当没有设置宽度和高度的时候,< canvas>会初始化尺寸为 300×150 的矩形。

    2.获取< canvas>对象的上下文并判断 getContext()方法是否存在,如下方代码所示:

    image.png

    3.在页面中分别绘制圆形、直线和矩形框,如下方代码所示:

    image.png

    以上内容摘自《智能前端技术与实践》电子书,点击https://developer.aliyun.com/topic/download?id=8550可下载完整版

    2022-07-27 13:42:37
    赞同 展开评论 打赏
来源圈子
更多
收录在圈子:
阿里云开发者社区官方技术圈,用户产品功能发布、用户反馈收集等。
问答排行榜
最热
最新

相关电子书

更多
低代码开发师(初级)实战教程 立即下载
冬季实战营第三期:MySQL数据库进阶实战 立即下载
阿里巴巴DevOps 最佳实践手册 立即下载