Please note, this is a STATIC archive of website developer.mozilla.org from 03 Nov 2016, cach3.com does not collect or store any user information, there is no "phishing" involved.

文章标签:Canvas

找到 15 篇文档

  • Glossary/Canvas HTML 的 canvas 元素提供了一个空白绘图区域,可以使用 APIs (比如 Canvas 2D 或 WebGL )来绘制图形。
  • Web/API/CanvasRenderingContext2D/drawImage CanvasRenderingContext2D .drawImage() 是 Canvas 2D API 中的方法,它提供了多种方式来在Canvas上绘制图像。
  • Web/API/Canvas_API canvas 是 HTML5 新增的元素,可使用 JavaScript 脚本来绘制图形。例如:画图,合成照片,创建动画甚至实时视频处理与渲染。
  • Web/API/Canvas_API/Drawing_DOM_objects_into_a_canvas 将 DOM 内容(如 HTML )绘制到 canvas 中是可行的,尽管这不常见(出于安全原因)。这篇文章源自 Robert O'Callahan 的 博客 ,讲述如何按照规范安全地实现这个功能。
  • Web/API/Canvas_API/Tutorial canvas 最早由Apple引入WebKit,用于Mac OS X 的 Dashboard,后来又在Safari和Google Chrome被实现。 基于 Gecko 1.8的浏览器,比如 ...
  • Web/API/Canvas_API/Tutorial/Applying_styles_and_colors 到目前为止,我们只看到过绘制内容的方法。如果我们想要给图形上色,有两个重要的属性可以做到: fillStyle 和 strokeStyle。
  • Web/API/Canvas_API/Tutorial/Basic_animations 可能最大的限制就是图像一旦绘制出来,它就是一直保持那样了。如果需要移动它,我们不得不对所有东西(包括之前的)进行重绘。重绘是相当费时的,而且性能很依赖于电脑的速度。
  • Web/API/Canvas_API/Tutorial/Basic_usage canvas 看起来和 img 元素很相像,唯一的不同就是它并没有 src 和 alt 属性。实际上, canvas 标签只有两个属性 —— width 和 height ...
  • Web/API/Canvas_API/Tutorial/Compositing In all of our previous examples, shapes were always drawn one on top of the other. This is more ...
  • Web/API/Canvas_API/Tutorial/Drawing_shapes 在我们开始画图之前,我们需要了解一下画布栅格(canvas grid)以 及坐标空间。上一页中的HTML模板中有个宽150px, 高150px的 ...
  • Web/API/Canvas_API/Tutorial/Transformations 在本教程的旧版本中,我们已经了解了Canvas网格和坐标空间。到目前为止,我们只是根据我们的需要使用默认的网格,改变整个画布的大小。随着变形有更强大的方法来实现起点到另一点的变换,旋转栅格甚至缩放。
  • Web/API/Canvas_API/Tutorial/Using_images canvas更有意思的一项特性就是图像操作能力。可以用于动态的图像合成或者作为图形的背景,以及游戏界面(Sprites)等等。浏览器支持的任意格式的外部图片都可以使用,比如PNG、GIF或者JP ...
  • Web/API/ImageBitmap ImageBitmap 接口表示能够被绘制到 canvas 上的位图图像,具有低延迟的特性。运用 createImageBitmap() 工厂方法模式,它可以从多种源中生成。 ...
  • Web/HTML/CORS_enabled_image HTML 规范中图片有一个 crossorigin 属性,结合合适的 CORS 响应头,就可以实现在画布中使用跨域 img 元素的图像。
  • Web/HTML/Element/canvas canvas元素 ...