![](https://img-blog.csdnimg.cn/20201014180756930.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
前端知识
cbdbsa
这个作者很懒,什么都没留下…
展开
-
Canvas5 虚线和渐变
虚线虚线的设定包含一个setLineDash的方法,一个lineDashOffset的属性。setLineDash 接收的是一组数组,制定线段与空隙的交替【lineWidth,slot】,预设的情况下是【】,这个是个全局属性,所以绘制之前都要先设定lineWidth表示的是实线所占据的宽度,slot表示空隙的宽度,二者是相互交替进行做一个简单的对比范例:ctx.setLine...原创 2019-05-13 21:07:40 · 489 阅读 · 0 评论 -
Canvas 1 起手
学习来源:https://developer.mozilla.org/zh-CN/docs/Web/API/Canvas_API/Tutorial元素<canvas width='150px' height='200px'></canvas>默認的width=300px,height=150px,完全透明值得注意的事情是,如果 CSS 的尺寸與初始畫布比例不...原创 2019-05-08 23:55:57 · 87 阅读 · 0 评论 -
Canvas 2 簡易圖形繪製
繪製網格(圖形座標系)網格中的一個單元,相當於 canvas元素中的一個像素,左上角爲(0,0)所有的元素位置都是相對於原點的定位,原生圖形繪製在 canvas 中,HTML中只支持一種原生圖形繪製:矩形。其它圖形都需要你至少生成一條路徑。canvas 中提供的3種繪製矩形的方法:fillRect(x, y, width, height)strokeRect(x, y,...原创 2019-05-08 23:56:54 · 117 阅读 · 0 评论 -
Canvas 3 着色
上色fillStyle:設定圖形填充色fillStyle = colorstrokeStyle:設定圖形邊框顏色strokeStyle = colorcolor:可以是 css 顏色的字符串,也可以是漸變對象或者是圖案對象canvas 默認顏色是黑色每次改變顏色都需要重新設定,因爲之前的設定都會成爲默認值。CSS 顏色標準包括“orange” 顏...原创 2019-05-08 23:57:41 · 438 阅读 · 0 评论 -
Canvas 4 线形 line style
这篇主要介绍通过一系列属性来设置线的样式主要包括以下属性:lineWidth = value设定当前线条的粗细(默认为1.0)这里需要注意一个问题,在绘制线条的时候,给定的线宽,实质上值得是给定路径的中心到两边的粗细,通俗的讲就是,路径的两边各绘制线宽的一半。同时画布的坐标并不和像素直接对应,当需要精确的水平或者垂直线的时候需要注意。下面范例中,奇数的线画的都比较模糊不清,不能精确呈...原创 2019-05-08 23:59:48 · 934 阅读 · 0 评论 -
JS 学习笔记1
JS 初始介绍学习来源:https://wangdoc.com/javascript/types/number.html概述在 JS 的世界中,一共有 7 种数据类型,分别是 Number,String,Boolean, Object, null,undefined,symbol(ES6 新增)在这之中 Number,String,Boolean 是原始类型(primitive...原创 2019-05-24 17:09:02 · 90 阅读 · 0 评论 -
JS 学习笔记2
学习来源:https://wangdoc.com/javascript/types/number.htmlhttps://github.com/camsong/blog/issues/9null,undefined,booleannull, undefined一般状况而言,null 和 undefined 所表达的意思基本相同,在相等运算符 == 中两者是相等的。console...原创 2019-05-24 17:13:27 · 147 阅读 · 0 评论