Участник:D0r11s/global.js: различия между версиями

Материал из МК14 | Space Station 14 Wiki
м (test)
м (test)
 
(не показаны 2 промежуточные версии этого же участника)
Строка 1: Строка 1:
  const myText = document.getElementById('myText');
  window.onload = function() {
 
    var drawingCanvas = document.getElementById('smile');
  myText.addEventListener('mouseover', () => {
    if(drawingCanvas && drawingCanvas.getContext) {
    myText.textContent = 'Да';  
    var context = drawingCanvas.getContext('2d');
  });
    // Рисуем окружность
 
    context.strokeStyle = "#000";
  myText.addEventListener('mouseout', () => {
    context.fillStyle = "#fc0";
    myText.textContent = 'Агентство национальной безопасности';
    context.beginPath();
  });
    context.arc(100,100,50,0,Math.PI*2,true);
    context.closePath();
    context.stroke();
    context.fill();
    // Рисуем левый глаз
    context.fillStyle = "#fff";
    context.beginPath();
    context.arc(84,90,8,0,Math.PI*2,true);
    context.closePath();
    context.stroke();
    context.fill();
    // Рисуем правый глаз
    context.beginPath();
    context.arc(116,90,8,0,Math.PI*2,true);
    context.closePath();
    context.stroke();
    context.fill();
    // Рисуем рот
    context.beginPath();
    context.moveTo(70,115);
    context.quadraticCurveTo(100,130,130,115);
    context.quadraticCurveTo(100,150,70,115);
    context.closePath();
    context.stroke();
    context.fill();
    }
  }

Текущая версия от 17:33, 27 августа 2024

   window.onload = function() {
    var drawingCanvas = document.getElementById('smile');
    if(drawingCanvas && drawingCanvas.getContext) {
     var context = drawingCanvas.getContext('2d');
     // Рисуем окружность 
     context.strokeStyle = "#000";
     context.fillStyle = "#fc0";
     context.beginPath();
     context.arc(100,100,50,0,Math.PI*2,true);
     context.closePath();
     context.stroke();
     context.fill();
     // Рисуем левый глаз 
     context.fillStyle = "#fff";
     context.beginPath();
     context.arc(84,90,8,0,Math.PI*2,true);
     context.closePath();
     context.stroke();
     context.fill();
     // Рисуем правый глаз 
     context.beginPath();
     context.arc(116,90,8,0,Math.PI*2,true);
     context.closePath();
     context.stroke();
     context.fill();
     // Рисуем рот
     context.beginPath();
     context.moveTo(70,115);
     context.quadraticCurveTo(100,130,130,115);
     context.quadraticCurveTo(100,150,70,115); 
     context.closePath();
     context.stroke();
     context.fill();
    }
   }