Articles of canvas

Перетаскивание и изменение размера изображения внутри Canvas (Mobile)

Я создаю приложение Android с Ionic Framework. Это приложение имеет овальную форму, в которой я хочу поместить изображение за ним. Мне удалось получить образ base64 с телефона пользователя, но не использовать, поскольку мне нужно. Потому что я намерен позволить пользователю изменять размер и перемещать изображение в соответствии с овальной формой. Я думал, что использование Canvas […]

HTML Canvas & Javascript – Эмуляция события прокрутки на потолке

Я пытаюсь написать функцию прокрутки на hover в canvasе HTML, hover переменную hover , обнаружив события мыши над указанной областью зависания и (при этом) добавляя или вычитая эту переменную зависания в зависимости от того, какая область зависла , Эта переменная hover связана с положением ряда кнопок выбора, которые для целей этого примера содержат числа от […]

Отрегулируйте фон canvasа в Javascript

Я пытаюсь нарисовать rect на canvasе, но я хочу, чтобы этот canvas имел слегка прозрачный фон, но этот rect не имеет фона. Я буду чем-то следующим: У меня есть код следующим образом: var canvas = document.getElementById(‘canvas’); var img = document.getElementById(‘photo’); var ctx = canvas.getContext(‘2d’); var rect = {}; var drag = false; var update = […]

Добавление div, содержащего canvas, не работает

Я использую canvg для преобразования svg present в div в canvas (до этого он работает нормально), а затем копирует innerHTML div в другой div, но он не работает. Холст приближается, но в этом canvasе ничего не будет. заранее спасибо Sorry, your browser does not support inline SVG. Watch me var svgTag = document.querySelectorAll(‘#k svg’); svgTag […]

Создание и загрузка Скриншот веб-страницы без потери стилей

Я хочу создать и загрузить скриншот веб-страницы без потери стилей. У меня есть веб-страница. На этой веб-странице есть кнопка загрузки. Когда пользователь нажимает кнопку «Загрузить», тогда экранный снимок всей страницы нужно загружать как изображение на компьютер пользователя. Как я могу это сделать ? Пожалуйста, проверьте мой код Index.html Scrrenshot Generate Screenshot » (function (exports) { […]

комбинация canvas и drawimage не работает

Как вы видите на приведенном ниже коде, я добавил в поле «img» и «images» значение «red_rec», потому что мне нужен красный прямоугольник с сочетанием color-dodge, применяемый к двум изображениям, я имею в виду (globalCompositeOperation = «color-dodge») но запустив его вместе с двумя переменными изображений, просто заставляет исчезать оба изображения и смесь, я не знаю, что […]

Как сделать отзывчивую анимацию canvasа, используя библиотеку D3

Я разрабатываю простую анимацию с использованием библиотеки d3.js и показываю ее через canvas, но мой canvas не реагирует. В начале кода я устанавливаю исходную ширину до 960 и высоту до 500, но как я могу сделать ее изменчивой (отзывчивой)? Я не использую CSS для применения некоторого стиля (ширины и высоты) к canvasу, я использую JavaScript […]

Как исправить размытые грани формы в canvasе HTML5?

Я сделал очень простой прямоугольник, используя элемент canvas. Однако, если аргументы для x и y в fillRect (x, y, width, height) НИЧЕГО, кроме 0 и 0, все края выглядят полностью размытыми при увеличении и / или на мобильных устройствах. Если x и y ARE 0 и 0, верхний и левый края прямоугольника определяются супер, даже […]

KineticJS: Как уменьшить размер PNG / JPG изображения в KineticJS, поддерживая высокое качество?

Я хочу уменьшить изображение PNG / JPG в KineticJS без потери качества. Я сделал следующее, но это привело к очень низкому качеству: var stage = new Kinetic.Stage({ container: ‘container’, width: 1000, height: 1000 }); var layer = new Kinetic.Layer(); var imageObj = new Image(); imageObj.onload = function () { var someImage = new Kinetic.Image({ image: […]

Chart.js не работает правильно, чтобы рисовать линии, когда всего 1 бар

Я хочу сделать эту диаграмму: Как вы можете видеть, линии ( Meta и Rango de aceptación ) были нарисованы как точки. Я считаю, что это потому, что у меня есть только один бар, а в других диаграммах я был сделан с 2 барами, я получаю линии, выделенные как линия. Это код, что я делаю неправильно? […]

Intereting Posts
Атрибут заголовка HTML в Rails, отображающий только первое слово Расширение фона в поле CSS – Маржинальное столкновение между двумя DIVs jQuery для анализа нашей части URL-адреса Javascript-функция post и вызов php-скрипта Как получить вертикальную полосу прокрутки на внутреннем div, содержащуюся в фиксированном измерении внешнего div? угловой ng-show / ng-hide работает неправильно с ng-bind-html Как показать специальные символы, такие как «e», с акцентом на нем на странице HTML? HTML5 видео и аудио не работают Поместите изображение вверху DIV и центрируйте его Есть ли способ использовать текст использования в качестве фона с CSS? проблемы эха в PHP Почему существует вертикальная полоса прокрутки, если у родителя и ребенка одинаковая высота? Как искать строку в html-файлах с помощью Javascript? Уменьшить размер изображения, чтобы соответствовать ячейке таблицы, которая работает во всех браузерах?