文章标签：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元素 ...