Генератор изображений с текстом на JavaScript
Здравствуйте! Сегодня мы рассмотрим с Вами пример программы на JavaScript, с помощью которой мы сможем создавать простые изображения с текстом. Код: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Генератор картинок</title> <!— Bootstrap CSS —> <link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-QWTKZyjpPEjISv5WaRU9OFeRpok6YctnYmDr5pNlyT2bRjXh0JMhjY6hW+ALEwIH" crossorigin="anonymous"> <style> #canvasContainer { position: relative; width: 100%; height: 0; padding-bottom: 56.25%; } #canvas { position: absolute; width: 100%; height: 100%; border: 1px solid black; } </style> </head> <body> <div class="container"> <h3 class="h3 my-4">Генератор картинок</h3> <div class="row"> <div class="col-md-6 mt-4"> <div id="canvasContainer"> <canvas id="canvas"></canvas> </div> </div> <div class="col-md-6"> …
Генератор изображений с текстом на JavaScript Читать полностью »