在线教程

  • html canvas animation game

    ... 、"道具"等。在影视拍摄中,导演指挥剧务布置场景,指挥演员按剧表演动作和对话,后期制作中加入各种道具使用时产生的。在游戏制作中,游戏策划案就好比影视拍摄的剧,而程序员就好比导演,只是我们用编程的方式来实现场景的布置;实现 ... 叠层遮挡。所以这里大多使用支付透明底的图像格式(比如.PNG和.GIF)。当然,直接使用程序对象或使用SVG矢量对象(SVG可以以件方式独立存在)则更加有利于解决不同尺寸下图像清晰度的问题。 ”背景、路人、主角、配角“元素工作层位置 我们拿《用 ...

  • css pseudo classes

    ... { color: red;} 悬停在这个链接上,颜色会变红。 第一行定义所有的 <a> 链接颜色为蓝色。 第二行定义当被悬停时,<a> 链接颜色为红色。 第二行选择的是同样的HTML元素,但是有定的行为发生。(例中是发生了用户悬停动作)。 :visited ... 户可以很方便的知道哪些链接我已经访问过,从而做出判断是否要再次访问以提高浏览率。 :focus 这个伪类的目标对象是处于焦点状态的HTML元素。这对于用户输入类HTML元素inputs非常有用,因 ...

  • html forms

    ... 充 多行 <textarea></textarea> 可以调整输入框的大小 尽管这些输入框看起来很相似,且数据类型的默认校验也不那么有,似乎有点 ... 对齐,比如选择框。 尽管我们可以使用简短的来描述表单控件,使用 <label> 在语义上要更符合规范,它们只用于表单内,还可以通过 for 属性来和拥有定 id 的输入控件配对使用。 <label for ...

  • js dom

    ... .isSupported() 函数用于判断当前节点是否支持某个性 element.lang 属性设置或返回元素的语言 element.lastChild 属性可返回档的最后一个子节点 element.namespaceURI 属性为被选节点 ... 被拖动时触发 ondragend事件在用户完成元素或首选的拖动时触发 ondragenter事件在拖动的元素或选择的进入到有的放置目标时触发 ondragleave事件在可拖动的元素或选取的 ...

  • svg text

    ... 为了点阵图,并不再具备性。 而SVG图像中的由于是独立对象存在,要灵活得多,可以实现更多的图交互果,而且可以被搜索引擎所索引。 不过SVG不能自动换行,不适合用来描述大段动态,这是一个缺点。 text 标签 text 标签用来创建SVG元素。 例子1 - 简单和变换 代码如下: 代码解 ...

  • css float clear

    ... 浮动元素的设计意可类比Word档中的对象(比如图片)自适应周边区域,视觉果就是这个对象好像在区域中浮动,而环绕在四周一样。 我们结合下面的图(段落中内嵌图片 ... 马上填补上去。 如果不够长呢? Lorem ipsum dolor sit amet, consectetur adipiscing elit. 可以看到图片溢出(overflow)了,因为它比容器要高。而且更糟糕的是图片甚至挤压了我们正在阅读的这一行。 这个 ...

  • js basics

    ... 意是想给网页加入一些交互动。 尽管如同我们在CSS3进阶章节中讲述到的,CSS也开始提供一些交互和动画性,比如伪类:hover,就是一种描述用户鼠标悬停在元素上的交互状态。 但是这些性远不能满足开发者对 ... 器(BOM)以及和服务器之间的通信(Ajax)。 CSS质上是一组样式规则,而JavaScript是一门程序设计语言,具有类似C/Java这些语言所具备的基征,在网页事件处理和档操作方面非常强大。 后续章节将详细讲述 ...

  • css color units

    ... 以用于、背景、渐变、阴影、边线等。CSS提供了好几种方法来定义颜色,各有优缺点。 颜色的名称 CSS提供了145种颜色名称,从基色彩(black黑, white白, orange橙, yellow黄, blue蓝, green绿…) 到殊些的 ... 度: body{ color: rgba(255, 0, 0, 0.8);} 透明色的设计主要是为了形成背景混合。 hsl 和 hsla HSL色彩模式是工业界的一种颜色标准,通过对色相(Hue)、饱和度(Saturation)、亮度 ...

  • css display

    ... 允许我们改变元素类型而无须改变其含义。 每个 display 选项有其定的渲染行为: block 将占据整行宽度 inline 将被视为纯 inline-block 块和内联行为的结合 list-item 和 block 类似,不过会多 ... <ul class="menu"> <li> <a>动</a> </li> <li> <a>教程 ...

  • html canvas export

    ... 图形都仅限于在画布中使用,而无法在其他位置使用。这实际上是不理想的,别是如果你希望导出漂亮的画布绘图作品,并将他保存在其他位置。其实画 ... 系列相互叠加的正方形,然后将图像数据URL赋值给dataURL变量。你会看到这三个正方形在浏览器的显示果(参见图1),但是现在它仍然是画布图像,而不是导出的图像。下面介绍如何显示导出的图像 ... 格式。这种格式经常用于向使用数据的系统传输二进制数据(例如图像)。实际上,在base64后面的所有数字、字母和符号是以表示的画布图像。 注意:Canvas规 ...

推广服务(新)
最新文章
  • 实时光线追踪技术简介

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

  • 生成本地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...

  • 更多...