摘要: 1、线性渐变:createLinearGradient(x0,y0,x1,y1) x0 渐变开始点的 x 坐标。 y0 渐变开始点的 y 坐标。 x1 渐变结束点的 x 坐标。 y1 渐变结束点的 y 坐标。 createLinearGradient() 方法创建线性的渐变对象。渐变可用于填充矩形、 阅读全文
posted @ 2017-11-03 17:46 穿山甲到底说了什么 阅读(391) 评论(0) 推荐(0) 编辑
摘要: 1、translate:translate() 方法重新映射画布上的 (0,0) 位置。 注:当在 translate() 之后调用诸如 fillRect() 之类的方法时,值会添加到 x 和 y 坐标值上。 多个translate()的值会叠加。在 下例中,四个矩形的绘制顺序为:红-->蓝-->紫 阅读全文
posted @ 2017-11-03 15:15 穿山甲到底说了什么 阅读(206) 评论(0) 推荐(0) 编辑
摘要: 1、lineCap:属性 lineCap 的值决定了线段端点显示的样子。它的值可以是:butt, round 或 square。默认是 butt。 buut 默认样式。 round 端点处加上半径为一半线宽的半圆。 square 端点处加上等宽且高度为一半线宽的方块。 2、lineJoin:属性 l 阅读全文
posted @ 2017-11-02 16:51 穿山甲到底说了什么 阅读(268) 评论(0) 推荐(0) 编辑
摘要: Canvas提供了一个直接绘制矩形的方法:rect(x,y,width,height) 绘制矩形的其它方法:fillRect(x,y,width,height)、strokeRect(x,y,width,height) 阅读全文
posted @ 2017-11-02 12:00 穿山甲到底说了什么 阅读(152) 评论(0) 推荐(0) 编辑
摘要: 什么是Canvas? HTML5 <canvas> 元素用于图形的绘制,<canvas> 标签只是图形容器,canvas 元素本身是没有绘图能力的。所有的绘制工作必须在 JavaScript 内部完成。 一个画布在网页中是一个默认大小300像素×150像素矩形框。<canvas>标签内的内容只有在浏 阅读全文
posted @ 2017-11-01 18:02 穿山甲到底说了什么 阅读(179) 评论(0) 推荐(0) 编辑
摘要: 一、什么是Grid布局? CSS Grid (网格布局),是一个基于二维网格布局的系统。网格由一组相交的水平线和垂直线组成,它定义了网格的列和行。我们可以将网格元素放置在与这些行和列相关的位置上。 二、浏览器支持情况(统计数据来自:http://caniuse.com/) 三、Grid基本概念 网格 阅读全文
posted @ 2017-10-30 17:59 穿山甲到底说了什么 阅读(863) 评论(0) 推荐(0) 编辑
摘要: Sass中文网(https://www.sass.hk/docs/)一、Sass基础 1、Sass和Scss有什么区别? 1)文件扩展名不同 .sass和.scss 2)语法书写方式不同 Sass以严格的缩进式语法规则来书写,不带大括号和分号 Scss的语法书写和css的语法书写方式非常类似 例: 阅读全文
posted @ 2017-10-26 15:50 穿山甲到底说了什么 阅读(331) 评论(0) 推荐(0) 编辑
摘要: 1.cmd--项目目录下使用 npm init 创建package.json文件。 系统会询问 package name等信息。如果使用了 -f(代表force)、-y(代表yes),则跳过提问阶段,直接生成一个新的 package.json 文件。 2.在本项目中安装Webpack作为依赖包 // 阅读全文
posted @ 2017-10-25 17:23 穿山甲到底说了什么 阅读(276) 评论(0) 推荐(0) 编辑
摘要: 一、界面设置 1.新建设置{ Ctrl+N 新建文件; web网页一般宽1920像素,高度不限; 分辨率:72像素/英寸; 颜色模式:RGB颜色,8位; 背景内容:透明; (存储为预设) } 2.移动工具设置{ 移动工具快捷键 v; 自动选择不勾选:图层 按住Ctrl键,鼠标左键点击要选择的图层,自 阅读全文
posted @ 2017-10-24 15:56 穿山甲到底说了什么 阅读(204) 评论(0) 推荐(0) 编辑
摘要: 1、Package Control 安装包管理 stp_1 : Ctrl + ` , 调出控制台 stp_2 : 粘贴以下代码后回车 stp_3 : 重启sublime 2、Emmet 编码快捷键 使用:ul#nav>li.item$*4>a{Item $} tab 3、JSFormat JavaS 阅读全文
posted @ 2017-10-23 18:09 穿山甲到底说了什么 阅读(642) 评论(0) 推荐(0) 编辑