canvas实现画板功能

canvas写“牛”字

canvas实现画板功能(宽高必须写在元素本身)

canvas画三角形

   纯使用线来画三角形 ;🔺 有瑕疵 终点有不圆滑的牙齿 

使用下面的方法,实现起来就比较的圆润

canvas画矩形(先设置颜色再填充)

   🔺 先设置颜色再填充 ;设置填充颜色 不然默认为黑色 (clearRect(x,y,width,height) 清除矩形内的区域

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • ```javascript 画板 body,html{ width: 1...
    武汉前端阿杰1001阅读 3,532评论 3 1
  • 一:canvas简介 1.1什么是canvas? ①:canvas是HTML5提供的一种新标签 ②:HTML5 ...
    GreenHand1阅读 4,718评论 2 32
  • canvas画布 什么是canvas 可以绘制及显示内容的区域范围 canvas的应用面 1.美图工具 2.美化拍...
    Rikka丶阅读 298评论 0 0
  • 一、canvas基本使用 1.1 元素 看起来和 标签一样,只是 只有两个可选的属性 width、heig...
    刘越姐姐啊阅读 334评论 0 0
  • 《版本支持》 最新标准:http://www.w3.org/TR/2dcontext/ 稳定版本的标准:http:...
    夜幕小草阅读 440评论 0 0