{"json_modified": "2016-10-10T23:03:30.611448", "uuid": "53030d67-009b-449e-ad87-2d783cd2a736", "title": "CanvasRenderingContext2D.createPattern()", "url": "/en-US/docs/Web/API/CanvasRenderingContext2D/createPattern", "tags": ["Canvas", "Reference", "CanvasRenderingContext2D", "API", "Method"], "translations": [{"uuid": "453e0bfe-f69a-4a36-94c6-3ec8bb1f2008", "title": "CanvasRenderingContext2D.createPattern()", "url": "/zh-CN/docs/Web/API/CanvasRenderingContext2D/createPattern", "tags": [], "summary": "<code><strong>CanvasRenderingContext2D</strong></code><strong><code>.createPattern()\u00a0</code></strong>\u662f\u00a0Canvas 2D API\u00a0\u4f7f\u7528\u6307\u5b9a\u7684\u56fe\u50cf\u00a0(<a href=\"/zh-CN/docs/Web/API/CanvasImageSource\" title=\"CanvasImageSource&#xA0;&#x662F;&#x4E00;&#x4E2A;&#x8F85;&#x52A9;&#x7C7B;&#x578B;&#xFF0C;&#x63CF;&#x8FF0;&#x4E0B;&#x9762;&#x7C7B;&#x578B;&#x7684;&#x4EFB;&#x4F55;&#x4E00;&#x4E2A;&#x5BF9;&#x8C61;&#xFF1A;HTMLImageElement, HTMLVideoElement, HTMLCanvasElement, CanvasRenderingContext2D, &#x6216;&#xA0;ImageBitmap.\"><code>CanvasImageSource</code></a>)\u521b\u5efa\u6a21\u5f0f\u7684\u65b9\u6cd5\u3002 \u5b83\u901a\u8fc7repetition\u53c2\u6570\u5728\u6307\u5b9a\u7684\u65b9\u5411\u4e0a\u91cd\u590d\u5143\u56fe\u50cf\u3002\u6b64\u65b9\u6cd5\u8fd4\u56de\u4e00\u4e2a<a href=\"/zh-CN/docs/Web/API/CanvasPattern\" title=\"CanvasPattern &#x63A5;&#x53E3;&#x8868;&#x793A;&#x63CF;&#x8FF0;&#x4E00;&#x4E2A;&#x6A21;&#x677F;&#xFF08;&#x57FA;&#x4E8E;image, canvas&#x6216;video&#xFF09;&#x7684;&#x4E0D;&#x900F;&#x660E;&#x5BF9;&#x8C61;&#xFF0C;&#x901A;&#x8FC7; CanvasRenderingContext2D.createPattern() &#x65B9;&#x6CD5;&#x521B;&#x5EFA;.\"><code>CanvasPattern</code></a>\u5bf9\u8c61\u3002", "localization_tags": [], "locale": "zh-CN", "last_edit": "2015-06-08T00:59:09", "review_tags": []}], "modified": "2016-10-10T23:03:30", "label": "CanvasRenderingContext2D.createPattern()", "localization_tags": [], "locale": "en-US", "id": 128739, "last_edit": "2015-07-16T10:04:38", "summary": "The <code><strong>CanvasRenderingContext2D</strong></code><strong><code>.createPattern()</code></strong> method of the Canvas 2D API creates a pattern using the specified image (a <a href=\"/en-US/docs/Web/API/CanvasImageSource\" title=\"CanvasImageSource is a helper type representing any objects of one of the following types: HTMLImageElement, HTMLVideoElement, HTMLCanvasElement, or ImageBitmap.\"><code>CanvasImageSource</code></a>). It repeats the source in the directions specified by the repetition argument. This method returns a <a href=\"/en-US/docs/Web/API/CanvasPattern\" title=\"The CanvasPattern interface represents an opaque object describing a pattern, based on an image, a canvas or a video, created by the CanvasRenderingContext2D.createPattern() method.\"><code>CanvasPattern</code></a>.", "sections": [{"id": "Quick_Links", "title": null}, {"id": "Syntax", "title": "Syntax"}, {"id": "Parameters", "title": "Parameters"}, {"id": "Return_value", "title": "Return value"}, {"id": "Examples", "title": "Examples"}, {"id": "Using_the_createPattern_method", "title": "Using the "}, {"id": "HTML", "title": "HTML"}, {"id": "JavaScript", "title": "JavaScript"}, {"id": "Playable_code", "title": "Playable code"}, {"id": "Specifications", "title": "Specifications"}, {"id": "Browser_compatibility", "title": "Browser compatibility"}, {"id": "Compatibility_notes", "title": "Compatibility notes"}, {"id": "See_also", "title": "See also"}], "slug": "Web/API/CanvasRenderingContext2D/createPattern", "review_tags": []}