发 送

在线教程

  • html canvas imagedata

    ... 高度，data 是一个包含所访问区域中全部像素信息的CanvasPixelArray。 调用getImageData方法的示意图 width和height属性不需要多做解释，此处我们真正关注的是data属 ... 。 根据画布像素颜色修改背景颜色 安全问题 如果在自己的计算机上操作这些例子，而不是将它上传到Web服务器上，那么你可能不 ...

  • css priority

    ... 将进入第三步。 第三步，比较样式属性的具体性(Specificity) 具体性可以通过一个简化易用的1000法则来计算 内联样式（inline styling） 权重 1000 ID（#id） 权重 100 类（.class） 权重 10 标签（tag ... id选择器 + class选择器 + 标签选择器, 1+100+10+1) 选择器具体性的完整计算公式要比上面复杂得多，但了解上面的法则在一般情况下已经足够。 要详尽了解细则，可以阅读你必须知道的CSS具体性知识一文。 第 ...

  • css line height

    ... 无单位数字，比如 1.5 无单位数字和百分比类似，1.5 和百分比 150% 相同。前者写法要简洁些。 行高的重要性 和Photoshop/Word软件中的行距（line-spacing）一样，line-height 是为了在每行文本 ... 想实现和字体大小无关的文本对齐。 body{ font-size: 16px; line-height: 1.5;} 上例中，行高计算结果为：16 * 1.5 = 24px。 行高的继承性 line-height 属性是可以被继承的，从层叠的元素里传 ...

  • html canvas shapes

    ... 角度、结束角度和一个布尔值，如果圆弧按逆时针方向绘制，那么它为true，否则它为false。方法arc可以重写为下面更具可读性的形式： context.arc(x, y, radius, startAngle, endAngle, anticlockwise); ... 的值，你需要使用Math时象，它是一个特殊对象，允许你完成各种强大的数学计算。我们还会在其他一些任务中使用这个对象，如生成随机数。 运行这个例子， ...

  • html canvas adjustimage

    ... 为了解决这个问题，需要调整图像大小或者控制图像的裁剪。通过drawImage方法的最后两种调用方式都能够完成这两个任务。 第一种调用可以调整图像 ... 法修改为以下形式，图像就能够被调整为在画布中完全显示（参见图1）： context.drawImage(image, 0, 0, 300, 216); 其中，宽度为300像素，与画布的宽度相等。而高度是按照原始图像的高宽比（高度与宽度的比例）计算得来的。 要计算 ...

  • html canvas animation game

    ... "对象"。每个"对象"都拥有自身不同的属性，比如类型(type)，X/Y/Z轴位置，宽度、高度、厚度等等。使用"对象"的好处是我们可以使用统一的方法来对各个对象进行动态管理，包括取值、赋值以及更新等操作。 // 游戏对象模板 function gameObject(options) { this.type = options.type; // 对象的类型 this.x = options.x || 0; // 对象的X轴位置 this.y ...

  • css ifc

    ... 空的行内元素产生空的行内框，但是这些框仍然拥有margins, padding, borders 和一个line height, 所以在上述行高计算中和有内容的行内元素一样。 行距（Leading）和半行距（half-leading） CSS 假设所有字体的度量都有基线以上的 ... 个隐藏字符的A 和 D遵循该元素的第一个有效字体。 关于line-height，我们在CSS行高对其实际使用语法有过介绍。 除了前面所介绍的BFC和IFC之外，CSS3还引入了新的布局方式及其所生成的格式化上下文，包 ...

  • css color units

    ... 色。 由于RGB模型和颜色的物理渲染直接相关，因此CSS使用RGB作为一个颜色单位（color unit），具体写法如下： a{ color: rgb(219, 78, 68);} body{ color: rgb(0, 0, 0);} rgba rgba 在 rgb ... 亮度 hsl 和 rgb 都是通过3个维度（步骤）来定义一个颜色。相对而言，rgb 更容易被计算机理解，而 hsl 便于被人类理解。 hsla 在 hsl 的基础上添加了alpha值： body{ color: hsl ...

  • html canvas image effects

    ... 息： var x = (c*tileWidth)+(tileWidth/2); var y = (r*tileHeight)+(tileHeight/2); var pos = (Math.floor(y)*(imageData.width*4))+(Math.floor(x)*4); 前两行将得到当前块中心像素从0开始表示的（x，y）坐标。这个计算方法与马赛克例子非常相似，先找到块边缘的（x，y）坐标位置，然后加上一半宽度或高度，从而确定中心。 然后将（x，y）坐标传 ...

  • html canvas animation basic

    ... 法每隔33毫秒调用一次animate函数，但这常常会创建一个无限循环。在循环外部调用animate函数即可启动该循环。也许你并不希望循环一直运行下去，因为这会消耗不必要的计算 ... 数调用即可。 这些实际上都还不会对动画循环产生影响。要想控制播放，需要在setTimeout方法前面添加一个条件语句。 if (playAnimation) { setTimeout(animate, 33); }; 如果playAnimation变量保存了一 ...

推广服务（新）
最新文章

  • 实时光线追踪技术简介

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

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

    • 更多...