Articles of canvas

Переместить объект на canvas с помощью ввода текстового поля

У меня есть canvas, на котором я могу добавлять слои, эти слои я могу перемещать, выбирать, вращать, изменять размер и т. Д. Ниже canvasа я показываю свойства слоя (x, y, ширина, высота). То, что я пытаюсь сделать, – это когда я изменяю значения в текстовых блоках, содержащих координаты x и y, этот слой должен быть […]

Как рисовать изображение за другим содержимым на canvasе?

У меня есть canvas, и я хочу использовать drawImage для рисования изображения за текущим контентом на canvasе. Из-за того, что есть контент уже на canvasе (я использую «Буквально canvas» для создания canvasа, содержащего изображение, поэтому я не могу нарисовать изображение первым), я не могу использовать drawImage прежде чем я drawImage остальную часть моего содержание. Можно […]

Принудительная направленность нескольких краев с использованием d3 canvasа

Я создал вынужденный направленный граф, который имеет несколько ребер, но после parsingа он показывает только, другие перекрываются друг с другом. Я хочу создать что-то вроде https://bl.ocks.org/mattkohl/146d301c0fc20d89d85880df537de7b0#index.html Мой код: JSBIN Sample Graph Rendring Using Canvas var graph = {}//randomgraph.WattsStrogatz.beta(15, 4, 0.06); graph.nodes = [{“label”:”x”} , {“label”:”y”}]; graph.edges = [{source:0,target:1},{source:0,target:1}, {source:1,target:0}] var canvas = null var width […]

как добавить изображение canvasа в ссылку mailto?

Я создал изображение canvasа на моей странице html, и я хочу создать ссылку mailto, которая при нажатии откроет приложение электронной почты по умолчанию (например, Outlook) с изображением прикрепленного canvasа. Это можно сделать? Благодарю.

Одна боковая граница с кругом в canvasе

Я создал следующий тип круга с объединением дуги в canvasе. Он создан правильно и выглядит хорошо. Мой вопрос: У меня черная граница вокруг дуги, которая находится на всех четырех сторонах. Я хочу только границу, которая находится за пределами круга . Мне не нужна внутренняя граница или границы между сегментами. Я много пробовал, но они не […]

Получить байт из

У меня есть html–canvas, например: //output is a base64string of image data var oldImage = new Image(); oldImage.onload = function () { var resizeRatio = oldImage.width / 500; var height = oldImage.height / 2; }; oldImage.src = output; var standardizedCanvas = document.createElement(“canvas”); standardizedCanvas.setAttribute(“width”, “500px”); standardizedCanvas.setAttribute(“height”, height + “px”); standardizedCanvas.getContext(“2d”).drawImage(oldImage, 0, 0, frontCanvas.width, frontCanvas.height); Поэтому я […]

IndexSizeError на drawImage на IE и Edge

Я обнаружил, что определенный код не работает в Internet Explorer и Edge, но, похоже, работает безупречно в Chrome и Firefox: var image = document.getElementById(“myImage”); var canvas = document.getElementById(“myCanvas”); var context = canvas.getContext(“2d”); context.drawImage(image, 1, 0, 499, 278, 0, 0, 749, 417); img { width: 300px; height: 200px; } По какой-то причине вызов CanvasRenderingContext2D.drawImage () завершается […]

HTML5, вращающий изображение с canvasом

Как поворачивать изображение, используя функцию поворота canvasа вокруг центра изображения вместо вращения вокруг точки начала. Рассмотрим следующий пример: var deg = 0; function Draw() { var ctx = document.getElementById(‘tmp’).getContext(‘2d’); ctx.save(); ctx.fillStyle = “white”; ctx.fillRect(0,0,ctx.canvas.width,ctx.canvas.height); ctx.fillStyle = “red”; ctx.rotate(deg * 0.0174532925199432957); //Convert to rad’s ctx.fillRect(50, 50, 20, 20); ctx.restore(); deg+=5; setTimeout(“Draw()”, 50); } Draw(); в этом […]

html -split страницу в нужные фигуры как divs?

Я пытаюсь разбить страницу на разные фигуры, как показано на этом изображении: Проблема в том, что я пытаюсь создать divs как фигуры в изображении, чтобы я мог поместить в них контент, а также изменив стили css, изменив их цвета и давая им эффекты с помощью JavaScript. Поиск в сети Я столкнулся с некоторыми сайтами, такими […]

Переключить контекст canvasа

Предполагая, что у меня есть canvas WebGL (вызывается getContext (“experimental-webgl“)). Есть ли способ переключить контекст позже для использования «2d»? objective такой вещи заключалась бы в отображении отладочной BSOD-подобной, когда во время рендеринга происходит ошибка. Если это невозможно, тогда: Могу ли я вставить элемент html поверх canvasа и заставить этот элемент иметь то же самое, что […]

Intereting Posts
Уместно ли размещать таблицу стилей в теге html2canvas print svg с ошибкой абсолютного значения позиции Как изменить значение тега при изменении другого выбора? Как раскрыть не строгие HTML-документы снисходительно? Проблема с использованием JQuery UI.Resizable () и UI.Draggable () с iFrame Почему IE 11 не рендеринг: после элемента, показывая css как вычеркнутый в dev-инструментах? Dojo – «Пробовал зарегистрировать виджет с id == centerPane, но этот идентификатор уже зарегистрирован» Angular.js с использованием бутстрапа и динамического создания строк Обработка изображений из XMLHttpRequest (с HTML и Javascript) Как выровнять 2 смежных divs горизонтально WITHOUT float? Как я могу сфокусировать текстовое поле HTML на iPhone (вызывая клавиатуру)? Как иметь дело с различиями браузера с неопределенным флажком Попытка получить целое с регулярным выражением в c # Панель инструментов Textarea? Что не так с этим Javascript? корзина