发 送

在线教程

  • html canvas imagedata

    12.18 HTML Canvas访问像素值 直接操作图像的像素数据 虽然调整尺寸，裁剪和变形可用来创建有趣的图像效果，但画布还有另一个更强大的特性：像素处理。通过访问2D渲染上下文的各个像素，我们就能够得到每一个像素的颜色和阿尔法值等信息。我们还能够修改每一个像素的颜色，使之显示出截然不同的效果。 在画布中访问像素的方法是getImageData。这个方法有4个参数：要访问的像素区域原点坐标（x，y）、像素区域的宽 ...

  • html canvas 2dcontext

    ... 可以开始绘制图形了。在上下文变量声明语句之后添加下面这行代码： context.fillRect(0,0,200,200); 完整的JS代码如下： $(document).ready(function () { var canvas = $("#myCanvas"); var context = canvas.get(0).getContext("2d"); context.fillRect(0, 0, 200, 200 ...

  • html canvas transformimage

    12.17 HTML Canvas图像变形 和图形一样，图像也支持几何变换 在画布中绘制图像之后，我们就可以对它执行所有的2D渲染上下文方法。变形作为一组方法使我们能够在图像上做出一些非常漂亮的效果。前面我们已经知道了变形的工作原理，所以现在可以继续学习如何使用它们来操作图像。 平移 这是到目前为止最简单的图像变形方法： context.translate(100, 100); var image ...

  • overview

    ... 需要有网站原型、页面设计、文档样式（使用CSS），用户交互（使用JavaScript，简称JS），以及和后台数据或服务通讯（使用PHP/JSP/ASP等)。 其中原型设计、HTML/CSS/JS部分统称为前端开发，而PHP/Java/数据库以及服务器统称后端开发。后面的章 ... 节会对前端部分的CSS/JS进行详细介绍。 这里给个有趣的Web技能树链接，便于理解一个Web全栈（Full-stack）工程师需要 ...

  • index

    ... ,Local Storage SVG进阶 ES6 JS开发框架 ReactJS ...

  • svg stroking

    9.12 SVG 描边（stroke） 定义线条的样式 SVG 提供了很多描边（stroke）属性，一些常用的有如下几个： stroke stroke-width stroke-linecap stroke-linejoin stroke-dasharray 所有这些属 ...

  • browser

    ... 公司的WebStorm Adobe公司的DreamWeaver NotePad++和Sublime Text都是开源免费跨平台的轻量级文本编辑器， WebStorm和Dreaweaver都是需要商业授权的IDE（集成开发环境），WebStorm具有很好的JS智能语法提示功能。Dreamweaver是所见即所得傻瓜式开发工具。 当然熟悉后台的工程师也可以使用类似NetBeans、Eclipse（或Apatan Studio）这样的IDE来统一管理编辑 ...

  • css advanced

    11 CSS进阶 CSS3高级特性如动画变换等 CSS3的特性不只是颜色、字体这些，也不只是在一个设备（如电脑）上运行。 我们接下来要涉及到的就是CSS3引入的一些高级特性，比如动态交互、中间状态以及和时间有关的动画渐变、和空间有关的几何变换等。 我们在CSS入门课程的CSS选择器章节曾经提到过一个和动态交互有关的特性：伪类（Pseudo-class），读者可以回头复习一下。 接下来，我们就从详细介绍CSS3伪类特性开始。 ...

  • css animations

    ... 函数来自定义。 .selector{ animation-timing-function: ease-in-out;} 缺省值是 ease。 我们可以通过设置线性时变函数以及自定义的@keyframes来模拟复杂的贝塞尔曲线。Bounce.js 就是这样一个在线高级动画生成工具，支持导出CSS样式代码。 animation-delay 和 transition delays 一样，animation delays 可以设置为 秒 1s 或 毫秒 200ms。 默认值为 0s ...

  • css pseudo classes

    ... 信息，但其本质上是一个动态交互行为。 我们一样通过一个在线实例来学习:checked伪类的使用，这是一个经典的纯CSS手风琴导航栏，无须任何js脚本： 和:checked类似的和UI界面组件状态有关的动态选择器还有:enabled和:disabled，较少使用，这里不做更多介绍。 上面都是和元素状态相关的伪类（Dynamic ...

推广服务（新）
最新文章