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




本文来自互联网用户投稿,文章观点仅代表作者本人,不代表本站立场,不承担相关法律责任。如若转载,请注明出处。 如若内容造成侵权/违法违规/事实不符,请点击【内容举报】进行投诉反馈!

相关文章

立即
投稿

微信公众账号

微信扫一扫加关注

返回
顶部