发 送

在线教程

  • css responsiveness

    ... 除了物理像素外，还常常接触设备独立像素（device independant pixel(dip)）的概念以及CSS样式表中的像素单位。我们有必要搞清楚这些关键概念。 设备物理像素我们很好理解，就是实际渲染 ... 物理像素，因设备而异。 这样就引入了一个和像素密度相关的概念叫：设备像素比（Device Pixel Ratio），表示设备上物理像素和设备独立像素(device-independent pixels (dips))的比例，对于Web APP而言就是：devicePixelRatio = 物 ...

  • html canvas transform

    ... 的主对角线以外，这个特殊矩阵的每个值都设置为0。这样设置的唯一原因是它更适合进行计算，但是可以确定的是，单位矩阵表示完全未执行过变形。全面理解单位矩阵的含义并不是很重要，重要的是要知道变换矩阵中的默认值是什么。 操作变换矩阵 本节要介绍的最后两个方法 ...

  • html tables

    ... 分解成行（rows）和列（columns）列维度的内容。 HTML表格的用途可类比桌面应用中的Excel电子表格（spreedsheet）。 Syntax 构造一个HTML表格需要特定的语法结构： 定义表 <table> 容器 使用 <tr> 添加表格行数据 使用 <td> 添加表格数据单元或使用 <th> 添加表格头。 编写表格代码时，你需要按照从左到右然后从上到下 ...

  • css gradients

    ... 变轴线和一条经由同象限的元素盒子顶角垂直线之间的交点。 终点的定义可以被简单视为是起点对于元素盒子中心点的对称映射点。 理解了这些概念，我们再来解释下具体的 linear-gradient 语法： ... 渐变 如果我们要设置更为具体的渐变角度，我们可以使用deg来定义： 0deg 等同于to top，从下到上。 20deg 20度倾斜，表示从to top开始沿顺时针方向旋转20度。 90deg 等同于to right，下午3点的位置，从左到右。 180deg 默认值，等同于to ...

  • html canvas export

    ... 3TdAgAABAgQCBAx6QIkiECBAgAABg+4bIECAAAECAQIGPaBEEQgQIECAgEH3DRAgQIAAgQABgx5QoggECBAgQMCg… 实际的输出比这些要长得多，但是实际上只有前面4个单词是我们现在关心的。前面3个单词是data:image/png；它们表示后续内容是一个PNG格式的图像的数据URL。第4个单词是base64，它表示数据采用base64编码格式。这种格式经常用于向使用文本数据的系统 ...

  • html canvas imagedata

    ... 存在一个变量中，然后访问data属性中的CanvasPixelArray。由于只得到一个像素的数据，所以检索颜色值就简单到只需访问CanvasPixelArray中的前4个索引。我们将修改整个网页的css背景，所以要用这些值创建一个表示CSS RGBA颜色值的字符串。 最后一步是将这个css颜色值传递给jQuery的css方法，它可以修改HTML body元 ...

  • css display

    ... 已经了解HTML元素主要有两种类型：块级（block-level） 和 内联（inline）。也提到了一些变体：列表项（list-item） 或 表格单元（table-cell）. 缺省情况下，一个段落（paragraph）<p> 将拥有一个默认的 display 属 ... 择一个HTML元素的依据是其语义（meaning），而不是它的渲染方式（rendering）。如果我们认为内容最好表述为一个短文段落，我们不应该为了渲染样式而改变HTML标签的选择。 简而言之，display 允许我 ...

  • css flex layout order

    ... 式下的 inline-start 或 block-start 方向。cross-end 方向是 cross-start 的反方向。 wrap 弹性容器是单行。cross-start 方向等同于垂直轴线（cross axis）上，当前书写模式下的 inline-start 或 block-start ... 这个问题的解决变得极其自然和简单。 在上面的例子中文章（article）在中间（视觉顺序为第2位），左侧是菜单栏，右侧是推荐文章列表。不过在html标签中你可以看到标记代 ...

  • why css exists

    ... 替的原因。 什么是CSS CSS 表示级联样式表（或层级样式表，Cascading Style Sheets）。 创建CSS的主要目的是为标记类语言（如 HTML 或 XML)定义的内容添加样式。因此，单独的CSS是没有意义的，必须有 ... 并没有一个固定的“正式发布”的版本，和HTML5一样，CSS3的版本含义被淡化，也就是说CSS3和HTML5代表的是新一代Web技术标准，不要把CSS3理解成CSS Version 3，而是CSS Next Version。 开发组成员发现在CSS2 ...

  • css line height

    ... 灰色框部分代表字体高度，深灰色部分代表字符“x”的高度。基线（baseline）和字符x的底部平齐，而中间线（middle）和字符x的中心点平齐。 line-height 属性可以使用如下类型的值： px em % 无单位数字，比如 1.5 无单位数字和百分比 ... 那么子元素实际继承的行高总是16*1.2=19.2px（约为20px），而和子元素的字体大小无关； 使用无单位数字，如果数值较大（如1.5），子元素继承到的也是相对数字1.5然后再乘以自己的字体大小（也 ...

推广服务（新）
最新文章

  • 实时光线追踪技术简介

    实时渲染视频级别的计算机三维图形是计算图形领域的终极目标，与现在普遍使用的光栅化渲染技术相比，光线追踪普遍被视为视觉技术的未来方向，可带来近乎真实的真...

  • 生成本地npm包

    1、创建一个文件夹，此处我的文件夹名字为test-my-pack

    2、在文件根目录初始化npm，可以一路回车
    npm

  • Oculus Go手柄（控制器）使用说明

    Oculus Go是Facebook的一体式、3Dof VR眼镜，其手柄（即控制器）功能很简单。
    电池安装
    配对控制器
    下载 Oculus 应用（这个需要手机科学上网）并...

  • 基于elementUI封装自己的UI组件库

    初始化 project这里我们使用官方的 vue-cli 初始化一个 Vue 项目npm

  • three.js添加场景背景和天空盒（skybox）

    本文我们介绍在three.js中如何给3D场景添加背景，我们有3种方式来实现这个目的。通过html添加背景元素，这实际上一个2D背景；在three.js加载图片并设置为scene.b...

    • 更多...