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

Материал из МК14 | Space Station 14 Wiki
м (test)
м (test)
 
Строка 1: Строка 1:
$('.slider-for').slick({
  window.onload = function() {
  slidesToShow: 1,
    var drawingCanvas = document.getElementById('smile');
  slidesToScroll: 1,
    if(drawingCanvas && drawingCanvas.getContext) {
  arrows: false,
    var context = drawingCanvas.getContext('2d');
  fade: true,
    // Рисуем окружность
  asNavFor: '.slider-nav'
    context.strokeStyle = "#000";
});
    context.fillStyle = "#fc0";
$('.slider-nav').slick({
    context.beginPath();
  slidesToShow: 3,
    context.arc(100,100,50,0,Math.PI*2,true);
  slidesToScroll: 1,
    context.closePath();
  asNavFor: '.slider-for',
    context.stroke();
  dots: true,
    context.fill();
  focusOnSelect: true
    // Рисуем левый глаз
});
    context.fillStyle = "#fff";
 
    context.beginPath();
$('a[data-slide]').click(function(e) {
    context.arc(84,90,8,0,Math.PI*2,true);
  e.preventDefault();
    context.closePath();
  var slideno = $(this).data('slide');
    context.stroke();
  $('.slider-nav').slick('slickGoTo', slideno - 1);
    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();
    }
   }