首页 > 知识点讲解
       创建画布
知识路径: > 电子商务系统程序设计基础 > Web 设计基础 > HTML5标记语言 > HTML5标记语言 > 
相关知识点:40个      
        在HTML5中新增了画布标签是为客户端矢量图形而设计的,通过该标签可以在网页中绘制各种几何图形。有一个基于JavaScript的绘图API函数库,有多种绘制路径、矩形、圆形、字符以及添加图像的方法,使用标签与JavaScript脚本代码相结合,可以绘制出相应的图形。
               插入画布
               基本语法:
               
               语法说明:id属性决定了的唯一性,方便查询。width和height设置了画布的宽和高。
               创建的绘图流程
               (1)获得canvas对象。
               在绘图之前,首先要从页面获取canvas对象。一般使用document对象的getElementById()方法获取。例如下面的代码获取页面上的id名称为"myCanvas"。
               
               (2)创建二维的绘图上下文对象。
               canvas对象包含了不同类型的绘图AP1,还需要使用getContext("2d")方法获取要使用的绘图上下文对象。
               
               getContext("2d")对象是内建的HTML5对象,拥有多种绘制路径、矩形、圆形、字符以及添加图像的方法。
               (3)在canvas上绘制文字或图形。
               设置绘制文字的字体样式、颜色和对齐方式。例如下面代码:
               
               绘制一个红色的矩形,例如下面代码:
               
 
 相关知识点:
 
软考在线指南
优惠劵及余额
在线支付
修改密码
下载及使用
购买流程
取消订单
联系我们
关于我们
联系我们
商务合作
旗下网站群
高级资格科目
信息系统项目管理师 系统分析师
系统架构设计师 网络规划设计师
系统规划与管理师
初级资格科目
程序员 网络管理员
信息处理技术员 信息系统运行管理员
中级资格科目
系统集成项目管理工程师 网络工程师
软件设计师 信息系统监理师
信息系统管理工程师 数据库系统工程师
多媒体应用设计师 软件评测师
嵌入式系统设计师 电子商务设计师
信息安全工程师
 

本网站所有产品设计(包括造型,颜色,图案,观感,文字,产品,内容),功能及其展示形式,均已受版权或产权保护。
任何公司及个人不得以任何方式复制部分或全部,违者将依法追究责任,特此声明。
本站部分内容来自互联网或由会员上传,版权归原作者所有。如有问题,请及时联系我们。


工作时间:9:00-20:00

客服

点击这里给我发消息 点击这里给我发消息 点击这里给我发消息

商务合作

点击这里给我发消息

客服邮箱service@rkpass.cn


京B2-20210865 | 京ICP备2020040059号-5 |京公网安备 11010502032051号 | 营业执照 | Copyright ©2000-2023 All Rights Reserved 软考在线版权所有