Scribd Logo
Upload

Welcome to Scribd!

  • Федчук lab 7

    Uploaded by

    bs15-fto-fbmi23
    6 views2 pages

    Original Title

    Федчук_lab_7

    Copyright

    © © All Rights Reserved

    Available Formats

    DOCX, PDF, TXT or read online from Scribd

    Did you find this document useful?

    Is this content inappropriate?

    Report this Document

    Copyright:

    © All Rights Reserved
    Download as DOCX, PDF, TXT or read online from Scribd
    Flag for inappropriate content
    6 views2 pages

    Федчук lab 7

    Uploaded by

    bs15-fto-fbmi23

    Copyright:

    © All Rights Reserved
    Download as DOCX, PDF, TXT or read online from Scribd
    Flag for inappropriate content
    of 2

    МІНІСТЕРСТВО ОСВІТИ I НАУКИ УКРАЇНИ

    НАЦІОНАЛЬНИЙ ТЕХНІЧНИЙ УНІВЕРСИТЕТ


    УКРАЇНИ
    «КИЇВСЬКИЙ ПОЛІТЕХНІЧНИЙ ІНСТИТУТ
    ІМЕНІ ІГОРЯ СІКОРСЬКОГО»
    ФАКУЛЬТЕТ БІОМЕДИЧНОЇ ІНЖЕНЕРІЇ
    КАФЕДРА БІОМЕДИЧНОЇ КІБЕРНЕТИКИ

    Комп’ютерний практикум №7
    з дисципліни «Основи комп’ютерної графіки»
    на тему: «Графіка у веб-технологіях (canvas)»

    Варіант №12

    Виконав:
    студентка гр. БС-15
    Федчук Т.О.
    Перевірив:
    доц.
    Соломін А. В.

    Зараховано від ___.___._______

    ___________________________
    (підпис викладача)

    Київ-2023
    Виконання роботи

    Фігура: Овал
    <!DOCTYPE html>
    <html lang="en">
    <head>
    <meta charset="utf-8">
    <title>Logo Test</title>
    </head>
    <body>
    <canvas id="logo" width="900" height="80">
    <hl>Logo Test</hl>
    </canvas>
    <script>
    var canvas = document.getElementById('logo');
    if (canvas.getContext){
    var context = canvas.getContext('2d');
    } else {
    alert("canvas error");
    }

    context.strokeStyle = "#0000FF"; // Голубий колір для ліній


    context.lineWidth = 2;
    context.beginPath();
    context.moveTo(0, 40);
    context.lineTo(30, 0);
    context.lineTo(60, 40);
    context.lineTo(285, 40);
    context.stroke();

    context.font = "italic 40px 'Arial'";


    context.fillStyle = "#0000FF"; // Голубий колір для тексту
    context.fillText ("Федчук", 80, 36);

    context.save();
    context.translate(20, 20);
    context.fillStyle = "#0000FF"; // Голубий колір для прямокутника
    context.fillRect(0, 0, 20, 20);
    context.fillStyle = "#FFFFFF"; // Білий колір для контура прямокутника
    context.strokeStyle = "#FFFFFF";
    context.lineWidth = 2;
    context.beginPath();
    context.moveTo(0, 20);
    context.lineTo(10, 0);
    context.lineTo(20, 20);
    context.lineTo(0, 20);
    context.fill();
    context.closePath();
    context.restore();

    context.fillStyle = "#0000FF"; // Голубий колір для овала


    context.beginPath();
    context.ellipse(365, 40, 25, 15, 0, 0, 2 * Math.PI);
    context.fill();
    context.closePath();
    </script>
    </body>
    </html>

    You might also like