Mafunzo ya CodeW3C
  • Mafunzo ya HTML
  • Browser Script
  • Server Script
  • Mafunzo ya Kuchunguza
  • Mafunzo ya XML
  • Mashirika ya Kureja Tovuti
  • Mashirika ya Matokeo

Class Schedule

JS Manual

  • JS Manual (Category Order)
  • JS Manual (Alphabetical Order)

JavaScript

  • JS Array
  • JS Boolean
  • JS Class
  • JS Date
  • JS Error
  • JS Global
  • JS JSON
  • JS Map
  • JS Math
  • JS Number
  • JS Promise
  • JS RegExp
  • JS Set
  • JS String
  • JS Object
  • JS Operator
  • JS Operator Priority
  • JS Statement
  • JS Type Array

Window

  • Kifungu cha Window
  • Window Console
  • Window History
  • Window Location
  • Window Navigator
  • Window Screen

HTML DOM

  • HTML Document
  • HTML Element
  • HTMLAttribute
  • HTML Event
  • HTML Event Mwambao
  • HTML Collection
  • HTML NodeList
  • HTML DOMTokenList
  • HTML Uzo wa Kina

Web API

  • API Canvas
  • API Console
  • API Fetch
  • API Jipya cha Fullscreen
  • API Mavuno ya Kikabila
  • API Historia
  • API MediaQueryList
  • API Toleza
  • API Muagiza
  • API Web

HTML Mwongozo

  • <a>
  • <abbr>
  • <address>
  • <area>
  • <article>
  • <aside>
  • <audio>
  • <b>
  • <base>
  • <bdo>
  • <blockquote>
  • <body>
  • <br>
  • <button>
  • <canvas>
  • <caption>
  • <cite>
  • <code>
  • <col>
  • <colgroup>
  • <datalist>
  • <dd>
  • <del>
  • <details>
  • <dfn>
  • <dialog>
  • <div>
  • <dl>
  • <dt>
  • <em>
  • <embed>
  • <fieldset>
  • <figcaption>
  • <figure>
  • <footer>
  • <form>
  • <head>
  • <header>
  • <h1> - <h6>
  • <hr>
  • <html>
  • <i>
  • <iframe>
  • <img>
  • <ins>
  • <input> button
  • <input> checkbox
  • <input> color
  • <input> date
  • <input> datetime
  • <input> datetime-local
  • <input> email
  • <input> file
  • <input> hidden
  • <input> image
  • <input> month
  • <input> number
  • <input> password
  • <input> radio
  • <input> range
  • <input> reset
  • <input> search
  • <input> submit
  • <input> text
  • <input> time
  • <input> url
  • <input> week
  • <kbd>
  • <label>
  • <legend>
  • <li>
  • <link>
  • <map>
  • <mark>
  • <menu>
    1. JavaScript:

      var c=document.getElementById("myCanvas");
      var ctx=c.getContext("2d");
      var img=document.getElementById("lamp");
      var pat=ctx.createPattern(img,"repeat");
      ctx.rect(0,0,150,100);
      ctx.fillStyle=pat;
      ctx.fill();
      

      亲自试一试

      语法

      context.createPattern(image,"repeat|repeat-x|repeat-y|no-repeat");

      参数值

      参数 描述
      image 规定要使用的图片、画布或视频元素。
      repeat 默认。该模式在水平和垂直方向重复。
      repeat-x 该模式只在水平方向重复。
      repeat-y Mazingira hii inarepewa kwa ukirabu tu.
      no-repeat Mazingira hii inonyeshwa mara moja tu (hayingekubaliwa tena).

      Mawasiliano wa Kifungu

      Inaripoti tabia za programu za kina ambazo zimekubaliwa kufikia ujumbe huo kwa kwanza.

      Chrome Edge Firefox Safari Opera
      Chrome Edge Firefox Safari Opera
      4.0 9.0 3.6 4.0 10.1

      Mwongozo:Internet Explorer 8 na zaidi ya zile hazina inasimamia elementi ya <canvas>.

      Mwongozo wa Canvas

      Kifunzi

      Mashirika ya JavaScript na HTML DOM
      Mifano ya JavaScript
      Majadiliano ya JavaScript
      Mafunzo ya JavaScript

      Viungo vya Mshambuliaji

      Matokeo ya CodeW3C.com inayotumia kwa mafunzo na michezo, hayafikia mkadaro wa ujumbe. Hata hivyo, kila hatari iliyokuwa inatokana na kutumia matokeo ya tovuti hii haikubaliwa. Iliofanywa na kipekee, inahifadhiwa kila haki.

      Kuhusu CodeW3C.com Msaada wa CodeW3C.com Mshahara wa kutumia Mshahara wa kiprivacy Inarusha na Ce4e.com