发 送

在线手册

  • met canvas stroke

    ... 100); ctx.strokeStyle="red"; ctx.stroke(); 尝试一下 » 浏览器支持 Internet Explorer 9、Firefox、Opera、Chrome 和 Safari 支持 stroke() 方法。 注意：Internet Explorer 8 及之前的版本不支持 <canvas> 元素。 定义和用法 stroke() 方法会实际地绘制出通过 moveTo() 和 lineTo() 方法定义的路径。默认颜色是黑色。 提示：请使用 ...

  • met canvas strokerect

    ... 20,20,150,100); 尝试一下 » 浏览器支持 Internet Explorer 9、Firefox、Opera、Chrome 和 Safari 支持 strokeRect() 方法。 注意：Internet Explorer 8 及之前的版本不支持 <canvas> 元素。 定义和用法 strokeRect() 方法绘制矩形（无填充）。笔触的默认颜色是黑色。 提示：请使用 strokeStyle 属性来设置笔触的颜色、渐 ...

  • met canvas stroketext

    ... smile!",10,90); 尝试一下 » 浏览器支持 Internet Explorer 9、Firefox、Opera、Chrome 和 Safari 支持 strokeText() 方法。 注意：Internet Explorer 8 及之前的版本不支持 <canvas> 元素。 注意：Safari 不支持 maxWidth 参数。 定义和用法 strokeText() 方法在画布上绘制文本（无填充色）。文本的默认颜色是黑色。 ...

  • met canvas transform

    ... blue"; ctx.fillRect(0,0,250,100); 尝试一下 » 浏览器支持 Internet Explorer 9、Firefox、Opera、Chrome 和 Safari 支持 transform() 方法。 注意：Internet Explorer 8 及之前的版本不支持 <canvas> 元素。 定义和用法 画布上的每个对象都拥有一个当前的变换矩阵。 transform() 方法替换当前的变换矩阵。它以下面描述的矩 ...

  • met canvas translate

    ... ,100,50); 尝试一下 » 浏览器支持 Internet Explorer 9、Firefox、Opera、Chrome 和 Safari 支持 translate() 方法。 注意：Internet Explorer 8 及之前的版本不支持 <canvas> 元素。 定义和用法 translate() 方法重新映射画布上的 (0,0) 位置。 注意：当您在 translate() 之后调用诸如 fillRect() 之类的方法时， ...

  • prop canvas font

    ... ";ctx.fillText("Hello World",10,50); 尝试一下 » 浏览器支持 Internet Explorer 9、Firefox、Opera、Chrome 和 Safari 支持 font 属性。 注意：Internet Explorer 8 及之前的版本不支持 <canvas> 元素。 定义和用法 font 属性设置或返回画布上文本内容的当前字体属性。 font 属性使用的语法与 CSS font 属性 相同。 ...

  • prop canvas globalalpha

    ... 80,75,50); 尝试一下 » 浏览器支持 Internet Explorer 9、Firefox、Opera、Chrome 和 Safari 支持 globalAlpha 属性。 注意：Internet Explorer 8 及之前的版本不支持 <canvas> 元素。 定义和用法 globalAlpha 属性设置或返回绘图的当前透明值（alpha 或 transparency）。 globalAlpha 属性值必须是介于 0.0（完全 ...

  • prop canvas imagedata height

    ... 浏览器支持 Internet Explorer 9、Firefox、Opera、Chrome 和 Safari 支持 ImageData height 属性。 注意：Internet Explorer 8 及之前的版本不支持 <canvas> 元素。 定义和用法 height 属性返回 ImageData 对象的高度，以像素计。 提示：请参阅 createImageData()、 getImageData() 和 putImageData() 方法 ...

  • prop canvas imagedata width

    ... 浏览器支持 Internet Explorer 9、Firefox、Opera、Chrome 和 Safari 支持 ImageData width 属性。 注意：Internet Explorer 8 及之前的版本不支持 <canvas> 元素。 定义和用法 width 属性返回 ImageData 对象的宽度，以像素计。 提示：请参阅 createImageData()、 getImageData() 和 putImageData() 方法 ...

  • prop canvas linecap

    ... 20,200); ctx.stroke(); 尝试一下 » 浏览器支持 Internet Explorer 9、Firefox、Opera、Chrome 和 Safari 支持 lineCap 属性。 注意：Internet Explorer 8 及之前的版本不支持 <canvas> 元素。 定义和用法 lineCap 属性设置或返回线条末端线帽的样式。 注意："round" 和 "square" 值会使线条略微变长。 默认值 ...

推广服务（新）
最新文章

  • 三维向量的简单运算和实用意义

    在WebGL的实际应用中我们广泛使用向量的几何运算来计算角度、距离，判断点线、点面之间的关系，比如物体之间的碰撞检测。本文简要介绍三维计算机图形学中常用的...

  • 深度贴图（depth map）概念简介和生成流程

    Depth map 深度图是一张2D图片，每个像素都记录了从视点（viewpoint）到遮挡物表面（遮挡物就是阴影生成物体）的距离，这些像素对应的顶点对于观察者而言是“可...

  • 粒子运动模拟 - Verlet积分算法简介

    Verlet算法是经典力学（牛顿力学）中的一种最为普遍的积分方法，被广泛运用在分子运动模拟（Molecular Dynamics Simulation），行星运动以及织物变形模拟等领域...

  • 纹理基础知识和过滤模式详解

    1、 为什么在纹理采样时需要texture filter（纹理过滤）。
    我们的纹理是要贴到三维图形表面的，而三维图形上的pixel中心和纹理上的texel中心并不一至（pixe...

  • WebGL 纹理映射模式以及WRAP_S | WRAP_T参数详解

    我们在纹理滤镜一文中已经说明了2个重要的纹理参数，用来定义对象缩放时纹理的处理方式：GL_TEXTURE_MIN_FILTERGL_TEXTURE_MAG_FILTER本文讲解其余几个纹理参数...

    • 更多...