HTML
错人
一个被算法时代遗忘的错人。
展开
-
②Canvas直线图形
从上一节我们已经知道,可以用moveTo()和lineTo()配合使用来画一个矩形。但是这种画矩形的代码量过多,因此在实际开发中并不推荐使用。而对于绘制矩形,Canvas为我们提供了独立的方法来实现。在Canvas中,矩形分为“描边矩形”和“填充矩形”。(1)“描边矩形”在canvas中,我们可以将strokeStyle属性和strokeRect()方法配合使用来画一个“描边矩形”。 语法如...原创 2018-04-07 22:34:41 · 197 阅读 · 0 评论 -
①Canvas概述
(1)Canvas简介 1.1.1 Canvas是什么? 在HTML5之前,为了达到页面绚丽多彩的效果,我们很多情况下都是借助“图片”来实现。不过使用图片这种方式,都是以“ ”低性能为代价的。由于图片体积大、下载速度慢等原因,因此为了应对日渐复杂的Web应用开发,W3C在HTML5标准中引入了Canvas这一门技术。 Canvas又称为“画布”,是HTML5的核心技术之一。我们常...原创 2018-04-03 00:27:52 · 354 阅读 · 0 评论 -
①Canvas概述
(2)Canvas元素知识HTML5 Canvas,简单来说,就是一门实用JavaScript来操作Canvas元素的技术。使用Canvas元素来绘制图形,需要以下三步。 <canvas id="canvasId" width="200px" height="150px" style="border:1px dashed gray;"></canvas>1.获取Canvas原创 2018-04-04 11:22:53 · 176 阅读 · 0 评论 -
②Canvas直线图形
在Canvas中,基本图形有两种:1、直线图形。2、曲线图形。Canvas常见的直线图形有三种,分别是直线、矩形、多边形。 (1)Canvas坐标系1、数学坐标系:y轴正方向向上。2、W3C坐标轴:y轴正方向向下。 (2) 直线的绘制在Canvas中,可以使用moveTo()和lineTo()这两个方法配合使用来画直线。利用这两个方法,我们可以画一条直线,也可以同时画多个直线。语法:c...原创 2018-04-06 10:12:21 · 184 阅读 · 0 评论 -
小程序两列多行对称flex布局
容器.container-box{width: 100%;margin-top: 36rpx; display: flex;flex-direction: row; flex-wrap: wrap; justify-content: space-between;}项目成员.item-box{display: flex;justify-conte...原创 2018-10-08 17:34:44 · 9204 阅读 · 0 评论