35-canvas标签基本使用

一、定义

canvas标签是H5新增标签可以用于图案的绘制。

二、样式

canvas标签有自己特定的宽度和高度(300px,150px)

三、canvas js基本使用方式(绘制直线)


//获取canvas对象
    let oCanvas=document.querySelector("canvas");、
//获取canvas工具集
    let oCtx=oCanvas.getContext("2d");
//创建一个起点,(xy分别是距离canvas标签的额距离)
    oCtx.moveTo(50,50);
//创建一个终点
    oCtx.lineTo(200,50);
//谅解两个点
    oCtx.stroke();

你可能感兴趣的:(35-canvas标签基本使用)