Ввод текста в canvas
Без градиента текст выводится, но с градиентом его нет, не могу понять почему. И ещё, как можно сделать так, чтобы пользователь сам выбирал цвет текста?
<canvas id=”canvas” width=’600px’></canvas>
<input type=”text” id=”…
Category: HTML
Ввод текста в canvas
Без градиента текст выводится, но с градиентом его нет, не могу понять почему. И ещё, как можно сделать так, чтобы пользователь сам выбирал цвет текста?
<canvas id=”canvas” width=’600px’></canvas>
<input type=”text” id=”…
Как сохранить состояние option через chrome.storage?
Всем привет!
Как сохранить выбор option в select после обновления страницы с использованием chrome.storage?
document.getElementById(“selectSizeText”);
document.getElementById(“saveSettings”).addEventListener(“click”, saveSettings);
wi…
Как сохранить состояние option через chrome.storage?
Всем привет!
Как сохранить выбор option в select после обновления страницы с использованием chrome.storage?
document.getElementById(“selectSizeText”);
document.getElementById(“saveSettings”).addEventListener(“click”, saveSettings);
wi…
Фильтр Spring Whitelabel Error Page
нужна помощь с фильтром Spring. Добавил springframework.security. Перестал работать фитр
Выдает ошибку
код поиска`
<form method="post" action="filter" class="form-inline my-2 my-lg-0">
…
Как применить анимацию притяжения/отталкивания частиц?
Ребята, приветствую . Подскажите пожалуйста кто на практике сталкивался с похожей задачей ? необходимо реализовать анимацию притяжения/отталкивания частиц (объектов) при наведении курсора . У объекта есть область действия. По задумке когда…
Ограничение на максимальное число вводимых символов в текстовое поле
Вот HTML
<div class="text_box_2">
<div class="count_text_box">
<p data-count-textarea = "tx_1"><span class="countSimbols">0</span>/<span data-count-num = …
Как можно замедлить прокрутку внутри блока?
Если прокручивать колесиком мышки
#table {
height: 90px;
overflow: auto;
}
<div id=”table”>
<table>
<tr><td>1</td></tr>
<tr><td>2</td></tr>
<tr><td…
Оптимизация веб-сайтов с помощью новых медиаформатов Webp и WebM
От автора: интернет стал одной из самых важных и широко используемых коммуникационных платформ в современном мире. Но одним из недостатков этой невероятной технологии является то, что мы, разработчики, не имеем никакого контроля над аппаратными характеристиками устройств, с которых наши пользователи будут заходить на веб-сайт. Конечный пользователь может получить доступ к вашему веб-сайту на устройстве высокого […]
Не работает скрипт по стрельбе в canvas
var game = {
sprites: {
battleship: undefined,
enemyShip: undefined,
//Пуля
bullet: undefined
},
init: function(){
var canvas = document.getElementById(‘myCanvas’);
this.ctx = ca…
Не работает скрипт по стрельбе в canvas
var game = {
sprites: {
battleship: undefined,
enemyShip: undefined,
//Пуля
bullet: undefined
},
init: function() {
var canvas = document.getElementById(‘myCanvas’);
this.ctx = canvas.getContext(“2d”);
…
Не устанавливается разрешение окна
Работаю с библиотекой eel. Я устанавливаю разрешение 500х500, а приложение открывается у меня в таком разрешении (фото)
сам код (python):
import eel
eel.init("web")
eel.start("main.html",size=(500,500))
код html:
тут…
Как правильно сгенерировать серию HTML страниц на основе CSV данных?
Возникла задача: необходимо генерировать отдельные HTML страницы с выводом данных (в TITLE, DESCRIPTION, H1, IMG, Text, A HREF="URL").
$image_number
$image_name
$title
$description
$image_source
$keywords
$url
$page_name
То есть…
замена иконки при прикреплении ссылки
Где в коде надо прописать и что заменить, чтоб изменилась иконка?
Как применить стили к children через event на чистом JS
document.addEventListener(‘click’, function (event) {
event.preventDefault()
console.log(event.target.children.style.pointerEvents = "none")
})
Адаптивность, @media-запросы
Пытаюсь написать адаптивность сайта с помощью @media-запросов. Использовать дополнительные библиотеки и фреймворки, кроме Bootstrap4 крайне нежелательно. Проблема заключается в определении устройства по пикселям (max- и min-width). Из-за п…
Вывести данные input type=“color” rgba
input type="color" получаю цвет в hex формате, к примеру, #ffffff. Интересно, а можно ли вывести в rgb, к примеру, 255,255,255, и как это сделать на JS.
…
Дополнительные поля <input> с нумерацией
При клике на "Add new position" нужно, чтобы не только добавлялись инпуты с name, как у предыдущего.
Но и шла их нумерация в name.
Скажем, у первого name="name", я нажимаю добавить и появляется инпут с name="name-1…
Вывод элементов массива в div с помощью jQuery
Есть массив. Как его вывести в div с помощью jQuery?
let arr = ["Ann", 20, "Alex, 40"];
let string_1 = " ";
for (let i = 0; i < arr.length; i++){
if (arr[i] !== undefined)
string_1 += i + "…
Ошибка при отправке запроса Uncaught Error: Class ‘DLEPlugins’ not found in /home/admin/web/sahtopmine.ru/public_html/engine/classes/mail.class.php:24
Полное описание ошибки:
<b>Fatal error</b>: Uncaught Error: Class ‘DLEPlugins’ not found in /home/admin/web/sahtopmine.ru/public_html/engine/classes/mail.class.php:24
Stack trace:
#0 /home/admin/web/sahtopmine.ru/public_html/c…
Проблема с позиционированием 100vh в мобильном браузере Chrome
Есть блок с раскрытым меню. Наблюдаю проблему в мобильном браузере Chrome: нижний блок с языком скрыт за экраном. В других браузерах такого бага не наблюдаю, нижняя панель прилеплена четко внизу.
Код:
* {
margin: 0;
padding: 0;
t…
Цикл анимации загрузчика svg
Мне нужна помощь в создании моего SVG loader. У меня есть такая анимация, см. ниже.
Когда начинается анимация, каждый кружок становится оранжевым.
Когда он закончится, линия начнет двигаться назад (это нормально), но каждый кружок также до…
Как запретить изменение цвета div, если другой уже такого цвета?
Есть шахматная доска. Надо запретить изменение цвета клетки на красный, если одна из клеток с фигурой уже выбрана.
Написал такой код:
var id_focus = “”;
const handleClick = event => {
const id = event.target.closest(‘div.square’)….
Как задержать выполнение определеного участка кода
Как задержать выполнение определеного участка кода
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1…
Кнопки сверху и снизу должны дублироваться а не каждая открывать своё меню VUE.js
Не подскажите как так сделать
Должен быть только один экземпляр меню id=mySidebar и никаких mySidebar2 на vue,js
кнопки сверху и снизу должны дублироваться а не каждая открывать своё меню
меню должно лежать в хидере, в футере только кнопк…
Как загрузить например определенный вид товара на соответствующую странцу?
У меня есть main.js где выводит товары с json циклом на страницу , например там только кроссовки, а мне нужно вывести товары тем же js только уже тапки на другую страницу(один json).Как сделать вывод с одного jsona на другую страницу?
func…
Не всегда получаю id div’а
В прошлом вопросе мне помогли с получением id div. Но в некоторых дивах есть img с шахматными фигурами и оттуда не получаю id клетки. Помогите пофиксить это.
Код
const handleClick = event => {
const id = event.target.id
if (id) …
Изображение и иконки в safari
всем привет подскажите пожалуйста у меня safari ломает изображение
<img src="http://localhost:3011/uploads/Icon18.png" alt="">
а когда меняю стили руками оно появляются что за поведение ? в других браузерах все…
Как сделать реферальные ссылки?
Например есть Вася и Петя.
Мне нужно сделать так, чтобы когда Вася регистрировался, то генерировалась его реф ссылка(Это уже есть).
Вася хочет получить бонусы, поэтому приглашает Петю на сайт по своей реф. ссылке. В моей базе данных users …
canvas не позволяет выделить текст
После использования canvas не могу выделить текст как по дефолту (по символьно), не могу понять что не так. Менял z-index самого канваса и контента но не помогло. В чём может быть проблема?
Код здесь
ссылка
<span>some text</span&g…
Свежие комментарии