<a href=#canvasgradient>CanvasGradient</a> <a href=#dom-context-2d-createradialgradient title=dom-context-2d-createRadialGradient>createRadialGradient</a>(in float x0, in float y0, in float r0, in float x1, in float y1, in float r1);
<p>The allowed values for <code title="">repeat</code> are <code title="">repeat</code> (both directions), <code title="">repeat-x</code> (horizontal only), <code title="">repeat-y</code> (vertical only), and <code title="">no-repeat</code> (neither). If the <var title="">repetition</var> argument is empty or null, the value
<code title="">repeat</code> is used.</p>
<p>If the first argument isn't an image, throws a
<p>If the first argument isn't an <code><a href=#the-img-element>img</a></code>,
<code><a href=#the-canvas-element>canvas</a></code>, or <code><a href=#video>video</a></code> element, throws a
<code><a href=#type_mismatch_err>TYPE_MISMATCH_ERR</a></code> exception. If the image is not
fully decoded yet, or has no image data, throws an
<code><a href=#invalid_state_err>INVALID_STATE_ERR</a></code> exception. If the second argument
folding). The method must return a <code><a href=#canvaspattern>CanvasPattern</a></code> object
suitably initialized.</p>
<p>The <var title="">image</var> argument must be an instance of an
<code><a href=#htmlimageelement>HTMLImageElement</a></code> or <code><a href=#htmlcanvaselement>HTMLCanvasElement</a></code>. If
the <var title="">image</var> is of the wrong type or null, the
implementation must raise a <code><a href=#type_mismatch_err>TYPE_MISMATCH_ERR</a></code>
exception.</p>
<!-- drawImage() has an equivalent paragraph -->
<p>The <var title="">image</var> argument must be an instance of
<code><a href=#htmlimageelement>HTMLImageElement</a></code>, <code><a href=#htmlcanvaselement>HTMLCanvasElement</a></code>, or
<code><a href=#htmlvideoelement>HTMLVideoElement</a></code>. If the <var title="">image</var> is
of the wrong type or null, the implementation must raise a
<code><a href=#type_mismatch_err>TYPE_MISMATCH_ERR</a></code> exception.</p> <!-- drawImage() has
an equivalent paragraph -->
<p>If the <var title="">image</var> argument is an
<code><a href=#htmlimageelement>HTMLImageElement</a></code> object whose <code title=dom-img-complete><a href=#dom-img-complete>complete</a></code> attribute is false, then
the implementation must raise an <code><a href=#invalid_state_err>INVALID_STATE_ERR</a></code>
exception.</p>
<!-- drawImage() has an equivalent paragraph -->
<p>If the <var title="">image</var> argument is an
<code><a href=#htmlvideoelement>HTMLVideoElement</a></code> object whose <code title=dom-media-readyState><a href=#dom-media-readystate>readyState</a></code> attribute is either
<code title=dom-media-HAVE_NOTHING><a href=#dom-media-have_nothing>HAVE_NOTHING</a></code> or <code title=dom-media-HAVE_METADATA><a href=#dom-media-have_metadata>HAVE_METADATA</a></code>, then the
implementation must raise an <code><a href=#invalid_state_err>INVALID_STATE_ERR</a></code>
exception.</p>
<!-- drawImage() has an equivalent paragraph -->
<p>If the <var title="">image</var> argument is an
<code><a href=#htmlcanvaselement>HTMLCanvasElement</a></code> object with either a horizontal
dimension or a vertical dimension equal to zero, then the
animation if there is no poster frame, must be used.</p>
<!-- drawImage() has an equivalent paragraph -->
<p>When the <var title="">image</var> argument is an
<code><a href=#htmlvideoelement>HTMLVideoElement</a></code>, then the frame at the <a href=#current-playback-position>current
playback position</a> must be used as the source image.</p>
<!-- drawImage() has an equivalent paragraph -->
<!--
Requests for v4 features:
* apply transforms to patterns, so you don't have to create
<p>Draws the given image onto the canvas. The arguments are interpreted as per the diagram below.</p>
<p>If the first argument isn't an <code><a href=#the-img-element>img</a></code>,
<code><a href=#the-canvas-element>canvas</a></code>, or <code><a href=#video>video</a></code> element, throws a
<code><a href=#type_mismatch_err>TYPE_MISMATCH_ERR</a></code> exception. If the image is not
fully decoded yet, or has no image data, throws an
<code><a href=#invalid_state_err>INVALID_STATE_ERR</a></code> exception. If the second argument
isn't one of the allowed values, throws a <code><a href=#syntax_err>SYNTAX_ERR</a></code>
exception.</p>
</dd>
</dl><div class=impl>
the image's intrinsic width in image pixels, and the image's
intrinsic height in image pixels, respectively.</p>
<p>The <var title="">image</var> argument must be an instance of an
<p>The <var title="">image</var> argument must be an instance of
<code><a href=#htmlimageelement>HTMLImageElement</a></code>, <code><a href=#htmlcanvaselement>HTMLCanvasElement</a></code>, or
<code><a href=#htmlvideoelement>HTMLVideoElement</a></code>. If the <var title="">image</var> is
of the wrong type or null, the implementation must raise a
<code title=dom-media-HAVE_NOTHING><a href=#dom-media-have_nothing>HAVE_NOTHING</a></code> or <code title=dom-media-HAVE_METADATA><a href=#dom-media-have_metadata>HAVE_METADATA</a></code>, then the
implementation must raise an <code><a href=#invalid_state_err>INVALID_STATE_ERR</a></code>
exception.</p>
<!-- createPattern() has an equivalent paragraph -->
<p>If the <var title="">image</var> argument is an
<code><a href=#htmlcanvaselement>HTMLCanvasElement</a></code> object with either a horizontal
dimension or a vertical dimension equal to zero, then the
implementation must raise an <code><a href=#invalid_state_err>INVALID_STATE_ERR</a></code>
exception.</p>
<!-- createPattern() has an equivalent paragraph -->
<p>The source rectangle is the rectangle whose corners are the four
<span>CanvasGradient</span> <span title="dom-context-2d-createRadialGradient">createRadialGradient</span>(in float x0, in float y0, in float r0, in float x1, in float y1, in float r1);
<span>CanvasPattern</span> <span title="dom-context-2d-createPattern">createPattern</span>(in <span>HTMLImageElement</span> image, in DOMString repetition);
<span>CanvasPattern</span> <span title="dom-context-2d-createPattern">createPattern</span>(in <span>HTMLCanvasElement</span> image, in DOMString repetition);
<span>CanvasPattern</span> <span title="dom-context-2d-createPattern">createPattern</span>(in <span>HTMLVideoElement</span> image, in DOMString repetition);