发 送

在线教程

  • js syntax basics

    ... 一些大的项目，我们建议你使用WebStorm（需要商业授权，基于IntelliJ IDEA的一款Web定制IDE）。如果你同时还是PHP/Java后台开发工程师，那么推荐使用NetBeans、Eclipse或IDEA ... 使用一个简写的方括号来表示： var beatles = ["John","Paul","George","Ringo"]; C语言中数组的数据类型必须是确定且相同的，而JS则宽松灵活得多，我们可以保存多种类型的数据在一个数组中： var lennon = Array("John", ...

  • html canvas animation game

    ... , Helvetica, Ariel"; ctx.fillText("GAME OVER", cvs.width / 2 - 200, cvs.height / 2); replayBtn.active = true; // 设定“重玩游戏”按钮的激活状态为可用 replayBtn.draw(ctx); } // 绘制重新开始游戏按钮图形 var replayImg = function(ctx) { ctx.fillStyle = 'rgb(242,242 ...

  • html canvas shapes

    ... 得到一条直线（见图3）。 绘制一条直线 但是，直线并不一定是水平或垂直的，通过修改lineTo方 ... 在离原点仅(x,y)一个半径且角度为结束角度的位置上（见图5）。 图5 绘制一条圆弧 一定要注意，Canvas中的角度是以弧度而不是角度为单位的。简单地说，360度（一个完整的圆 ...

  • html canvas transform

    ... 素应用图形变换 到现在为止，你在画布中绘制的所有元素都是按照它应该出现的样子绘制的。例如，矩形是按照fillRect方法定义的位置和尺寸绘制的，并且它是用水平和垂直的线条绘制的，平淡无奇。但是，如果你想要画一些奇特的 ... 300)（参见图2）。 平移会影响图形原点 一定要理解这其中的原理。红色正方形的原点仍然为(150，150)，它只是看上去又平移了150像素，这是因为在黑色正方形绘制之后，2D渲染上下文的原点已经平移了150像素。如 ...

  • html canvas synthesis

    ... 本节将介绍的两个全局合成属性都会影响到2D渲染上下文的绘图效果，一定要明确一点，那就是修改全局合成属性会影响到修改之后所绘制的全部内容。 全局阿尔法值 在画布上进行绘图之前，它会应用一个与 ... 及两者。例如，“source-over”是（源覆盖于目标之上）的简称；目标是隐含的，因为它不需要在值中指定（源必须绘制在某些东西之上）。 让我们先了解一下globalCompositeOperation支持的11种选择。使用下面的代码作为模板，你可以学习 ...

  • css color units

    ... 用RGB作为一个颜色单位（color unit），具体写法如下： a{ color: rgb(219, 78, 68);} body{ color: rgb(0, 0, 0);} rgba rgba 在 rgb 上加了一个alpha值（取值范围从0到1，十进制数字），用来定义颜色的透明度： body{ color: rgba(255, 0, 0, 0.8);} 透明色的设计主要是为了形成背景混合特效。 hsl 和 hsla HSL色彩模式是工业界的一种颜色标准，通 ...

  • html canvas path

    ... .lineTo(150, 150); context.lineTo(50, 150); context.closePath(); context.stroke(); context.fill(); 你应该能够读懂所有这些代码—一它先开始一条路径，将原点移到当前路径，从当前路径原点绘制一条线到一个指定点，再绘制一条线到另一个点，然后再继续，那么我们在这里做了什么呢？我们刚刚做的就是将多个路径连接在一起，我们只需要不停地 ...

  • html canvas adjustimage

    ... 想要用图形精确描述所有这些参数的作用可能有些难，所以图2应该能够对理解它们有一定的帮助。 在画布中裁剪图像 我们可以从前面的图像中裁剪出一小部分，然后将它绘制到画布中： context.drawImage(image, 0, 0, 250, 250, 0, 0, 250, 250); 在这个例子中，我们从源图像的左上角(0，0)开始裁 ...

  • html canvas text

    ... 建文本。相反，你应该使用普通的HTML元素来创建文本，然后使用css定位到Canvas之上。关键是使用HTML来处理文本（内容），而使用Canvas来处理像素和图形。 Canvas绘制文本的方法其实很简单： var text = "Hello, World!"; context.fillText(text, 40, 40); 这就是绘制文本所需要的代码。2D渲染上下文的fillText方法可按受4个参数（其 ...

  • css grid layout implicit

    ... 构成隐式网格（implicit grid）。 隐式网格轨道的尺寸由网格自动行（grid-auto-rows）和网格自动列（grid-auto-columns）属性来确定。 网格自动流（grid-auto-flow）属性用来控制无明确位置的网格项的自动定位（auto-placement）， 一旦显式网格被填满（或者如果没有显式的网格），auto-placement也将导致隐式网格轨道的生成。 自 ...

推广服务（新）
最新文章