发 送

在线教程

  • css background

    ... 。 背景色（background-color） 缺省值：transparent 可被子元素继承：不能。 我们在CSS颜色单位课程中已经学习过如何定义颜色，背景色也一样： body{ background-color: black;} ... 片URL来为元素添加背景图片。 body{ background-image: url(images/diagonal-pattern.png);} 图片的表现行为（如何重复渲染、如何定位、大小等）由其他背景属性定义，background-image 只用 ...

  • css pseudo elements

    ... 引入的，用来区分伪类（pseudo-classes）和伪元素（pseudo-elements）。但出于现有样式表兼容性原因，用户代理必须也能支持CSS1和CSS2中引入的单冒号伪元素标记（也就是说，:first-line, :first-letter, :before 和 :after ... 类选择器来过滤。 伪类可以出现在选择器的任何地方，而伪元素只能添加在最后一个简单选择器之后。 W3规范相关章节参考阅读 我们把和伪类和伪元素相关的官方规范收集在这 ...

  • html block inline

    ... ，后续章节会详细讲解。 其它类型的HTML元素 除了块元素和内联外，还有一些其他类型的HTML元素，常用的有： 列表项 <li> 表格<table>，表格行<tr>，表格单元<td> <i> 元素的语义原本是斜体（italic），但常常也被用来显示图标（icon）。 ↩ Next → HTML 元素关系 ...

  • html canvas image effects

    ... 和创建像素化效果。 这里将使用第二种方法来获取像素化效果的颜色值，为每一个块选择一种颜色。最简单的方法是使用块的中心位置像素，将以下代码添加到第二个循环中，就可以得到这个信息： var x = ... /2); var pos = (Math.floor(y)*(imageData.width*4))+(Math.floor(x)*4); 前两行将得到当前块中心像素从0开始表示的（x，y）坐标。这个计算方法与马赛克例子非常相似，先找到块边缘的（x，y）坐标位置，然后加上一 ...

  • html canvas synthesis

    ... 都是基本合成，只是将一些内容叠加到另一些内容之上。现在我们先了解一下画布中最简单的合成方法，即globalAlpha属性。 注意：本节将介绍的两个全局合成属性都会影响到2D渲染上 ... globalCompositeOperation的各种取值效果，然后我们对照这些例子来逐个说明参数的含义。 1．source-over 这是默认值，它表示绘制的图形（源）将画在现有画布（目标）之上，效果与目前学习到的绘图效果是完全相同的（参 ...

  • css flex layout items

    ... 弹性容器中的元素 一般而言，弹性容器中的弹性项（flex item）表示其文档流（in-flow）内容中的框。 每一个弹性容器的文档流子元素都是一个弹性项，并且每一 ... 致在原有box周围生成匿名box，那么最外面的box（也就是弹性容器的直接子元素）将成为弹性项。 比如，有两个相邻的表格单元（display为table-cell），其生成的外围匿名table框就成为弹性项。 如果弹性项的display属性为table，则table的包装块将成为弹性项，并 ...

  • html canvas adjustimage

    ... 调整图像大小 调整图像大小与绘制完整尺寸的图像一样简单，只需要传入希望绘制的图像宽度和高度。用代码来表示，带有调整大小的参数的drawlmage方法如下所示： context.drawImage(image, ... 制图像的原点坐标（x，y）及在画布上绘制图像的宽度和高度。 用代码表示，这些参数如下所示（w表示宽度，h表示高度）： context.drawImage(image, sx, sy, sw, sh, dx, dy, dw, ...

  • html canvas gradient

    ... Canvas渐变 渐变是一个常用的增强效果 有时候，简单的颜色并不够用，渐变是一个常用的增强效果，fillStyle和strokeStyle都可以接受以CanvasGradient对象表示的渐变颜色值。 画布支持两种类型的渐变：线性 ... 已经保存到一个变量中了）的addColorStop方法。addColorStop方法有两个参数：颜色的偏移值（0表示渐变起点，1表示终点），以及该偏移的颜色值。与fillStyle相同，这个颜色值可以是任何CSS颜色值 ...

  • browser

    ... ;Hello World</p> 这个代码是用文本编辑器写的。你可以看到标签符号 <p> 以及 </p> 用来表示这是一段 文本（paragraph）。 当用浏览器打开这个文档时，这些标签符号将不会被显示而是会被解释： Hello World 当浏览器读取到 ... 做介绍。 从知识学习的角度来讲，我们推荐使用简单的文本编辑器（如Sublime Text 2或3），不推荐傻瓜式IDE。 此外对于一些简单的HTML代码测试和实验，可以使用我们的在线编辑器， ...

  • html canvas text

    ... 键是使用HTML来处理文本（内容），而使用Canvas来处理像素和图形。 Canvas绘制文本的方法其实很简单： var text = "Hello, World!"; context.fillText(text, 40, 40); 这就是绘制文本所 ... 一个例子中，我们指定了字体的像素大小，然后是希望使用的字体。设置为serif表示计算机的默认字体是serif字体（与Times New Roman类似）。所有代码组合在一起将得 ...

推广服务（新）
最新文章