发 送

在线教程

  • html canvas synthesis

    ... 时被参照。 例如，如果globalAlpha为0.5，你又应用了一次fillstyle（它带有一个阿尔法值为0.5的rgba），那么结果的阿尔法值实际上就是0.25。2D渲染上下文的全局阿尔法值(0.5)充当了计算其他阿尔法值的基数（0.5*0.5=0.25）。 合成操作 即使全新的2D渲染上下文也会在一开始就使用合成。你可能 ...

  • html canvas text

    ... HTML元素（如p元素）创建文本相比，使用Canvas绘制文本通常并不是好方法，原因如下： Canvas中的文本是以图像形式绘制的，这意味着它无法像HTML文档中的普通文字一样用鼠标指针选取——它实际上不是文本，只 ... 同的字符串值。在前一个例子中，我们指定了字体的像素大小，然后是希望使用的字体。设置为serif表示计算机的默认字体是serif字体（与Times New Roman类似）。所有代码组合在一起将得到如图1所示的结果。 绘制文 ...

  • html canvas transform

    ... 对角线以外，这个特殊矩阵的每个值都设置为0。这样设置的唯一原因是它更适合进行计算，但是可以确定的是，单位矩阵表示完全未执行过变形。全面理解单位矩阵的含义并不是 ... ，以此说明它的作用： context.transform(2, 0, 0, 2, 150, 150); context.fillRect(0, 0, 100, 100); transform方法有6个参数，分别对应变换矩阵的每一个值，第一个表示a，最后一个表f。在这个例子中，你想将画布的尺寸放大 ...

  • css animations

    ... 速写： name: 动画名称 duration: 动画持续时间 timing-function: 时变函数，用来计算中间状态 delay: 延时，在一定时候后启动动画 iteration-count: 动画重复的次数 ... 规则，定义这个时间节点下元素的某个或某些属性。 @keyframes 具体语法定义如下： @keyframes animationname {keyframes-selector {css-styles;}} animationname: 必需。定 ...

  • css pseudo classes

    ... 标对象为所有的偶数子元素。 li:nth-child(odd){ background: gold;} One Two Three Four n遍历器（iterator） 还有更为强大的选择规则，:nth-child 支持基于 n 遍历器关键词的选择计算方法。 n 的取值从 0 开始。代表每n个元素进行遍历。 比如如果我们想选择顺序为3的倍数的所有子元素，可以使用如下的规则： li:nth-child(3n){ background ...

  • css responsiveness

    ... -width" initial-scale="1.0" maximum-scale="1.0"> 上面的代码中，device-width是以设备像素计算的屏幕宽度（对于iPhone5以下是320px，iPhone6是375px），width以CSS像素计量总的页面宽度（在iPhone中，默认为980px ... 应式设计的核心基础，用来检测设备屏幕，在确定好设备后，我们可以采用如下基本方法来构建响应式页面： viewport meta标签, 网页自动适配设备屏幕宽度，在浏览器中禁止zoom ...

  • css syntax

    ... 定义HTML元素的布局和样式，所以语法格式首先选定元素，然后设定键值 ... 的风格，我们可以分别编写上述的代码，但实际上有一个简洁的方法，即多个选择器可以共享样式，具体写法就是使用逗号把选择器分开，如下所示： q, blockquote{ background: lightgreen ... 选择器，多个属性，甚至可以有多个值（尽管比较少见）。 注释（Comments） 和HTML的注释语法不同，CSS的注释风格类似C语言的多行注释： /* 这是一个CSS注释 */ q, blockquote{ ...

  • html canvas animation bounce

    ... 素。一旦该形状移动到画布的右边界处（假设是500像素），它将会继续移动，并且x值仍在增加，但我们就无法在画布上看到它了。其实你希望该形状发生的行为是：形状在画布的右边界处反弹回来，就好像边界处有一堵 ... 示了没有边界时形状的正常反应，右边的图显示了存在边界时形状会如何反应。 形状从边界弹回的示意图 计算一个形状是否超过画布的右边界其实就是检查形状的x位置是否超过了画布的宽度。如果形状的x位置大于画布 ...

  • html syntax

    ... 则。 HTML 表示 HyperText Markup Language: HyperText（超文本） 表示使用HTTP协议。 Markup（标记） 表示代码使用关键字注解。 Language（语言） 表示遵循约定的语法，开发人员能编写，而计算机也能解释。 标签和元素 标记语言的基本规则是使用符号来规定内容边界，即内容从哪里开始到哪里结束。 回顾一下这个HTML代码： ...

  • browser

    ... 同。 .doc文档需要用微软Word打开，而网页要用浏览器打开。 浏览器即可以打开离线保存在你的计算机上的HTML页面，也可以在线向服务器发送请求获取网页文档并显示。 HTML文档使用跨平台的文本格式 ... 台的轻量级文本编辑器， WebStorm和Dreaweaver都是需要商业授权的IDE（集成开发环境），WebStorm具有很好的JS智能语法提示功能。Dreamweaver是所见即所得傻瓜式开发工具。 当然熟悉后台的工程师也可以使用类似NetBeans、Eclipse（或 ...

推广服务（新）
最新文章

  • php curl大文件上传遇到502或504错误

    使用php的curlfile上传大文件到远端服务器，遇到502错误。原因可能是超时或者内存超出，需要修改nginx、php.ini和php-fpm.conf中的一些配置。修改php.ini（注意c...

  • HTML、JavaScript和GLSL编码规范

    HTML编码规范

    • 始终将文档类型声明为文档中的第一行:

  • WebGL 2D纹理坐标到3D顶点坐标的映射

    webgl纹理映射用来把图片贴到模型的材料表面，给模型添加丰富的细节。该方法的核心是把一张二维的图片映射到三维的坐标空间去，也就是为每一个3d顶点找到其相应...

  • WebXR基本概念和应用程序开发简介

    XR是VR,AR和MR的统称，VR,AR是从感官体验的角度来区分的，
    VR是用户借助外设输入输出（头戴、手柄、体感、运动感知等软硬件系统）来和纯虚拟场景的交互体验...

  • 网站SSL安全证书认证的基本过程和原理

    现在的网站基本上都迁移到了https协议上，https是http协议的安全升级版本。在原来的http协议下，如果有人截获了你发送给服务器的报文，就能获取里面的信息，比如...

    • 更多...