canvas 画布
canvas在页面设置出一块空白位置,为我们绘制涂写。
基本用法:
(1)获取canvas对象--获取画布通过document.getElementById()等方法取得canvas对象。
(2)取得上下文(context)--获取画笔图形上下文是一个封装了很多绘图功能的对象,参数只能是“2d”
(3)定义填充样式context.fillStyle='red';
(4)绘制填充图形context.fillStyle(10,10,100,100)//第一个参数是x轴开始位置,第二个参数是y轴开始位置,第三个参数是绘制图形的宽,第四个位置是绘制图形的高
画布属性:
context.strokeStyle='blue'; 给轮廓矩形设置颜色
context.lineWidth=8;给轮廓矩形设置线宽
context.strokeRect(100,100,100,100); 绘制轮廓矩形 参数 x轴起始位置 y轴起始位置 宽 高
context.clearRect(100,100,50,50); 清理画布
使用画布,简单实现一个圆形:
Document
本文来自互联网用户投稿,文章观点仅代表作者本人,不代表本站立场,不承担相关法律责任。如若转载,请注明出处。 如若内容造成侵权/违法违规/事实不符,请点击【内容举报】进行投诉反馈!
