canvas- все статьи тега
Простой вид рисования одним касанием, но продолжайте получать отмену действия до завершения касаний
Это было сводит меня с ума. Я думаю, что у меня все на месте, но независимо от того, что я делаю, прикосновения, кажется, отменяются, прежде чем я убираю палец с экрана. Еще более странно, что я могу рисовать длинные горизонтальные линии, но вертикальные всегда очень короткие. Я использую Samsung G SII 2.3.3, но строю до 2.1 Идеи Муравьев? Мой пример кода: package com.mycompany.myviews; import java.util.ArrayList; import android.content.Context; import android.graphics.Canvas; ...
HTML5 Canvas: как ограничить fillRect?
В HTML5 я хочу сделать fillRect() (с белым цветом заливки) и border (черным). Я не хочу использовать strokeRect(), Если я не смогу заполнить его позже. Я создаю игру, в которой вы нажимаете на квадраты, и они меняют цвет (это сложнее, чем это, но это то, на чем фокусируется внимание). <canvas id="canvas1" width="400" height="300" style="border:1px solid #000000;"></canvas> <script> var c=document.getElementById("canvas1"); var ctx=c.getContext("2d"); ...
HTML Canvas-пунктирный штрих по кругу
Я знаю, что нет собственной поддержки для выполнения пунктирных штриховых линий, отображаемых на холсте, но я видел умные способы, которыми люди могли генерировать поддержку для этого. Мне интересно, есть ли какой-либо способ перевести это, чтобы обеспечить отображение пунктирных штрихов вокруг фигур (в частности, кругов)? ...
Соедините два объекта с помощью fabric js
В настоящее время у меня есть приложение canvas, в котором я могу добавлять объекты(фигуры). Вот моя скрипка . Вы в основном нажимаете на новую симуляцию, которая инициализирует холст, затем вы можете добавить круг или прямоугольник. Я пытаюсь добавить функцию под названием "добавить ребенка", где вы можете нажать на какой-то объект (фигуру), затем нажать Добавить ребенка и добавить другой объект(фигуру), и они оба связаны с линией. Что-то похожее на эту демонстрацию . Я вычислил код песудо ...
Масштабирование холста Android, перевод и позиционирование
Я пытаюсь установить предел перемещения после масштабирования с помощью масштаба холста, но новые координаты не совпадают. моя ширина 480, после 1,5 f масштабирования моя ширина будет 720... но когда я устанавливаю translate на -480, я вижу больше места справа. float zoom = 0.5f; PointF translate = new PointF(0, 0); canvas.scale(zoom, zoom); canvas.translate(translate.x, translate.y); //... canvas.drawRect(0, 0, width, height, paint); Извините мой плохой английский и объяснение, но я хочу спр ...
Холст рисует повернутое изображение
Я пытаюсь использовать javascript, чтобы сделать снимок с помощью моего iphone и нарисовать изображение на холсте. Я использую <input type="file" capture="camera" accept="image/*" id="takePictureField"> mobilePictureGet); Использовать камеру. Как только я выберу картинку document.getElementById("takePictureField").addEventListener('change', function(e) { if(e.target.files.length == 1 && e.target.files[0].type.indexOf("image/") == 0) { img.src = URL.createOb ...
Рисунок многоугольников в JS
Я использую этот код, и он работает с очарованием - он рисует многоугольник (с холстом) на данной картинке, однако я изо всех сил пытаюсь изменить код, чтобы он позволил мне нарисовать несколько полигонов вместо одного. Я новичок в js и еще не нашел ничего, что могло бы решить эту проблему, я был бы признателен за любую помощь/подсказку в каком-то направлении. Код: <!DOCTYPE html> <html> <head> <link rel="stylesheet" type="text/css" href="main.css"> ...
Батарея круг, как виджет батареи возрождается
Я пытаюсь нарисовать круг на основе процента заряда батареи. У меня есть следующий код: Bitmap.Config conf = Bitmap.Config.ARGB_8888; // see other conf types Bitmap bmp = Bitmap.createBitmap(200, 200, conf); Paint mPaint = new Paint(); mPaint.setDither(true); mPaint.setColor(Color.BLUE); mPaint.setStyle(Paint.Style.STROKE); mPaint.setStrokeJoin(Paint.Join.ROUND); mPaint.setStrokeCap(Paint.Cap.ROUND); mPaint.setStrokeWidth(5); circle = new Path(); circle.addCircle(100, 100, level, Direction.C ...
получить границы сложного объекта на изображении с белым фоном (js)
Каков хороший способ получения границ для изображения (не самого изображения, а скорее цветных пикселей)? Я использую javascript, поэтому старайтесь держать Algo в пределах этой области, если сможете. Например, как бы я получил список / два списка всех точек x и y, где для точек, которые существуют на границе этого (группы) объекта (ов): Обратите внимание, что внутренняя часть должна быть включена, но отсутствие цвета, который полностью включен внутренность (как отверстие) должна быть исклю ...
Анимированные GIF и TDrawgrid в Delphi 2007
Я могу нарисовать изображение, используя что-то вроде кода ниже: ACanvas.Draw(ARect.Left+16, ARect.Top+4, imgGIF.Picture.Graphic ) Теперь gif для этого компонента imgGIF загружается через GIF := TGifImage.Create; GIF.LoadFromFile('pathtogifprocessing.gif'); GIF.Animate := True; imgGIF.Picture.Graphic.Assign(GIF); Я устанавливаю GIFImageDefaultAnimate := True; GIFImageDefaultTransparent := True; Среда Delphi 2007, использующая TGifImage, который поставляется с DVD Delphi 20 ...
Создать отраженное изображение с помощью HTML Canvas?
У меня есть следующий код, который пытается объединить вертикальное зеркальное изображение с прозрачным градиентом цвета фона. Если объединить эти два эффекта не удается, нужно ли накладывать градиент PNG на холст вместо того, чтобы пытаться заставить холст выполнять обе операции? <!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/1999/xhtml"> <head> <meta http-equi ...
Алгоритм автоматического размещения форм блок-схемы
Моей команде нужно построить генератор блок-схем на JavaScript, используя либо HTML5 Canvas, либо библиотеку D3 (или что-нибудь еще более подходящее, предложения приветствуются). Блок-схема будет сгенерирована из ориентированного графика, определенного в документе JSON. Мой вопрос заключается в следующем: какой стандартный алгоритм мы могли бы использовать для облегчения автоматического размещения фигур в блок-схеме (узлы в графике), чтобы минимизировать количество перекрывающихся соединений и и ...
Сделать вращающийся градиент на окружности?
Я пытаюсь получить вращающийся градиент на окружности, чтобы следовать этому макету. вращающийся градиент, следующий за линией http://f.cl.ly/items/3y161Z3M0t331K3E0j1e/Screen%20Shot%202013-04-09%20at%205.45.37%20PM.png Я высмеял то, что я пытаюсь сделать в JSFiddle. Для вашего удобства вот код: var canvas = document.getElementById('myCanvas'); var context = canvas.getContext('2d'); var radius = 75; var startAngle = 0// 1.1 * Math.PI; var endAngle = 2.0 * Math.PI;//1.9 * Math.PI; var coun ...
Использование HTML5 / Canvas / JavaScript для создания скриншотов в браузере
Google "сообщить об ошибке" или "инструмент обратной связи" позволяет выбрать область окна браузера, чтобы создать скриншот, который отправляется с вашим отзывом об ошибке. скриншот Джейсона Смолла, опубликованный в дублировать вопрос. как они это делают? API обратной связи JavaScript от Google загружается из здесь и их обзор модуля обратной связи будет демонстрировать возможность скриншота. ...
Как очистить холст для перерисовки
после экспериментов с составными операциями и рисованием изображений на холсте я теперь пытаюсь удалить изображения и композицию. Как мне это сделать? Мне нужно очистить холст для перерисовки других изображений; это может продолжаться некоторое время, поэтому я не думаю, что рисование нового прямоугольника каждый раз будет наиболее эффективным вариантом. ...
Захват HTML холст как gif / jpg / png / pdf?
можно ли захватить или распечатать то, что отображается на HTML-холсте в виде изображения или pdf? Я хотел бы создать изображение через холст, и быть в состоянии генерировать png из этого изображения. ...
Изменить размер HTML5 холст, чтобы соответствовать окну
как я могу автоматически масштабировать HTML5 <canvas> элемент, чтобы соответствовать страницу? например, я могу получить <div> для масштабирования, установив height и width свойства до 100%, но <canvas> не будет масштабироваться, не так ли? ...
Как получить координаты щелчка мыши по элементу холста?
каков самый простой способ добавить обработчик событий click в элемент canvas, который возвращает координаты X и y щелчка (относительно элемента canvas)? не требуется совместимость с устаревшим браузером, Safari, Opera и Firefox. ...
Захват подписи с помощью HTML5 и iPad
кто-нибудь знает как это можно сделать? Вы бы использовали объект canvas, svg, jQuery и т. д.? ...
Лучший способ определить, что HTML5 не поддерживается
стандартный способ борьбы с ситуациями, когда браузер не поддерживает HTML5 <canvas> тег должен встраивать некоторый резервный контент, например: <canvas>Your browser doesn't support "canvas".</canvas> но остальная часть страницы остается прежней, что может быть неуместным или вводящим в заблуждение. Я хотел бы каким-то образом обнаружить холст без поддержки, чтобы я мог представить остальную часть моей страницы соответственно. Что бы вы порекомендовали? ...