Page 35 - Браун Э. - Изучаем JavaScript. Руководство по созданию современных веб-сайтов - 2017
P. 35

вы пишете, располагается между строками $ ( docwnent)  . ready ( function ( )    {  и  ) ) ; .
       Обратите также внимание на то, что строка  ' u s e   s t rict '  - это  нечто, о чем вы
       узнаете больше попозже, но в основном она указывает интерпретатору JavaScript об­
       рабатывать ваш код более жестко. Хотя сначала это может показаться не очень хоро­
       шей идеей, фактически это помогает писать лучший код JavaScript и предотвращает
       наиболее распространенные ошибки. В этой книге мы, конечно, будем учиться пи­
       сать очень строгий код JavaScript!

       Ри с ован и е   r рафических п р и митивов


          Одним из множества преимуществ HTMLS является стандартизированный гра­
       фический интерфейс. Холст  (canvas) HTMLS позволяет рисовать такие графические
       примитивы, как квадраты, круги и многоугольники. Непосредственное использова­
       ние холста может быть затруднительно, поэтому мы будем применять графическую
       библиотеку Pap r .   j s, чтобы использовать в своих интересах холст HTMLS.
                     e
                  Pap r .   j s   - не  единственная  доступная  графическая  библиотека.
                     e
                  Весьма популярны и  надежны такие альтернативы, как  KineticJS,
                  Fabric . j s   и EaselJS. Я использовал все эти библиотеки, и  все они
                  очень высокого качества.

                                                          e
          Прежде чем мы начнем использовать библиотеку Pap r .   j s, нам понадобится эле­
       мент холста HTML для рисования. Добавьте в  тело следующее (можно  поместить
       куда угодно, например после вводного параграфа):
                          a
       <canvas  id="mainCanv s " > </canvas>
          Обратите внимание, что мы присвоили холсту атрибут id: так нам будет легче
       обращаться к нему из кода JavaScript и  CSS. Если мы загрузим свою страницу пря­
       мо сейчас, то не увидим никаких различий; мало того что мы ничего не получили
       на холсте, это белый холст на белом листе, не имеющий ни ширины, ни высоты. Его
       действительно очень трудно увидеть.

       г-1        У каждого элемента HTML может быть идентификатор. Чтобы быть
                  допустимым  (правильным),  каждый  идентификатор  должен  быть
                  уникален. Создав холст с идентификатором "mainCanvas", мы не мо­
       �  жем повторно использовать этот идентификатор. Поэтому рекомен­
                  дуется экономно использовать идентификаторы. Мы используем этот
                  идентификатор здесь  потому,  что новичкам зачастую проще знако­
                  миться с одной вещью за раз и по определению идентификатор может
                  относиться только к одной вещи на странице.





                                                 Рисование графических примитивов   33
   30   31   32   33   34   35   36   37   38   39   40