Описание тега drawimage

Метод drawImage() рисует изображение, холст или видео на холсте. Он также может рисовать части изображения и / или увеличивать / уменьшать размер изображения.
1 ответ

drawImage() в React на Rails не работает

Извините, если это один из тех вопросов, которые в корне ошибочно предполагают, что React должен работать, но я попал в стену. Я создаю приложение Rails с использованием React, которое пытается создать элемент HTMLCanvas, нарисовать рисунок на этом …
0 ответов

DrawImage с IndexColorModel с прозрачностью

Вот моя проблема: я хотел бы применить преобразования (translate + rotate + clip) к BufferedImage на основе IndexColorModel с прозрачностью ( index 0 - мой прозрачный пиксель, index 1 - черный, index 2 - белый, и так далее…) Исходное изображение (т.…
26 апр '17 в 08:06
2 ответа

drawImage() не рисует предварительно загруженный объект изображения. Использование OO javascript

Я пишу простую 2D-игру с боковым скроллером, используя JavaScript + Canvas. Я пытаюсь сделать это, изучая OO JavaScript. Я столкнулся с проблемой, когда мое изображение не будет отображаться на холсте, несмотря на то, что оно загружено правильно. Во…
26 сен '11 в 22:31
1 ответ

HTML5 Canvas заменяет на <div>

Я пытаюсь заменить HTML5 Canvas на простой &lt;div&gt;Но я не знаю, как заменить эту строку: ctx.drawImage(tileImg[drawTile],xpos,ypos); Может быть, у кого-нибудь есть идея, как заменить это на &lt;div&gt;? пример: http://jsfiddle.net/HDpMW/5/ (этот…
07 июн '11 в 14:07
2 ответа

iPad Ibooks Javascript Canvas DrawImage не работает

У меня есть скрипт ниже, он работает в моем браузере Windows. но этот код не работает в электронной книге Epub (в моем iPad iBooks) &lt;canvas id="e" width="177" height="113"&gt;&lt;/canvas&gt; &lt;script&gt; var canvas = document.getElementById("e"…
28 дек '12 в 02:33
1 ответ

Проблемы с Canvas

Я делаю некоторые тесты с HTML5 Canvas. Я пытаюсь нарисовать массив изображений на холсте, используя цикл for: var blocks=["dirt","cactus","carvedSandstone","crackedStoneBrick","diamondOre","furnace","goldOre","grass","lapisOre","leaves","log1","san…
20 дек '13 в 05:18
2 ответа

Html5: почему изображение рисуется на холсте не нужного размера

У меня проблема с рисованием изображения на холсте с нужным размером. Это мой простой код: var canvas = document.getElementById('canvas'); var context = canvas.getContext('2d'); $(canvas).css('width', '100px'); $(canvas).css('height', '75px'); conte…
04 июн '14 в 12:15
2 ответа

Fabric.js - проблема с нанесением нескольких изображений zindex

Я использую этот скрипт: var canvas = new fabric.Canvas('game_canvas', { selection: false }); fabric.Image.fromURL('images/bg.jpg', function(img) { img.set('left', 1024/2).set('top', 600/2).set('zindex', 0); canvas.add(img); }); fabric.Image.fromURL…
04 авг '11 в 10:26
2 ответа

Изображение на холсте сразу исчезает после рисования

Я использовал input type="file", чтобы просмотреть изображение и нарисовать его на холсте. Ниже мой код: HTML-код: &lt;img id="img_registrar_signature" src="" alt="ID Photo" hidden /&gt; &lt;canvas id='myid_registrar_signature' width='500' height='1…
25 мар '15 в 05:33
1 ответ

Нарисуйте растровое изображение на окне в wpf

Я новичок в WPF. Я реализовал код в mfc, который загружает растровое изображение и рисует его в окне, теперь хочу перенести аналогичную функциональность в WPF. Я хочу нарисовать растровое изображение в моем окне WPF и выполнить некоторые операции. О…
10 апр '14 в 10:09
1 ответ

drawImage() не работает последовательно

Когда вы помещаете изображение с именем logo.png в тот же каталог, что и этот html-файл, и пытаетесь запустить его в веб-браузере, изображение появляется только 1 раз из 10 обновлений в IE и не появляется в Firefox в первый раз, но появляется появля…
31 мар '14 в 09:27
0 ответов

Javascript - рисование некоторых изображений на холсте в цикле, используя drawimage и arc

Я новичок в JS, и я пытаюсь отображать некоторые дугообразные изображения в некоторых случайных координатах, но при выполнении кода ниже я могу отображать только первое изображение в формате дуги, остальные не отображаются. Я уже проверил, что цикл …
1 ответ

Как использовать DrawImage() с рандомизированным списком изображений

Здравствуйте, мне нужна помощь в рисовании изображения с использованием метода drawImage() из этого массива, содержащего изображения. Это должно быть случайным. Сначала это была программа, которая генерировала случайные буквы, но после некоторых пре…
09 дек '15 в 20:14
1 ответ

Хватит повторять изображение при использовании графики.

Я пытаюсь объединить два изображения и показать их на pictureBox, но когда я показываю любое изображение маленького размера, то размер изображения Box повторяется Я использую это для слияния с другим изображением grfx = Graphics.FromImage(Image1); /…
25 дек '15 в 19:33
1 ответ

Рисование холста (с drawImage) в другое не работает

Я пытаюсь сделать игру, где все враги тянутся в один холст (ctxEnemy), но я испытываю некоторые трудности, заставляя их стоять в разных положениях, так как с помощью функции поворота холста он будет вращать их все одновременно. Моя идея разобраться …
08 апр '14 в 04:24
0 ответов

DrawImage не выполняется должным образом в Firefox (работает в IE и Chrome)

Я работаю над своего рода анимированной заставкой, где объект начинается с малого и выплескивается на экран. Эффект работает в Chrome и Internet Explorer, как и предполагалось, но у меня, похоже, возникают проблемы с выполнением кода в Firefox. Я сч…
20 июн '13 в 16:00
0 ответов

Почему производительность drawImage сильно отличается от источников холста размером более 65776 пикселей

Я написал несколько тестовых примеров для jsperf, связанных с: 1. рисованием на холсте за пределами экрана 2. рисованием изображения на холсте на экране Я обнаружил, что производительность была намного выше, если количество пикселей в исходном холст…
26 сен '13 в 20:27
1 ответ

Проблемы с графикой drawImage

Я просматривал последние сообщения в Stackru и пытался выяснить, почему мое изображение не отображается. Я знаю что ImageIO хорошо, так как я могу бежать getWidth() на моем BufferedImage и он возвращает правильную ширину. Вот мой Graphic класс, а за…
17 янв '16 в 21:59
1 ответ

JavaScript Canvas drawImage искажает мое изображение

Что бы я ни пытался, я не могу понять, почему drawImage вертикально растягивает картинку. Вот код: &lt;canvas id="canvas" style="padding:0;border:0;margin:0 auto; width:320px;height:456px;z-index:0;"&gt;&lt;/canvas&gt; &lt;script type="text/javascri…
25 апр '14 в 13:37
2 ответа

Холст рисует повернутое изображение

Я пытаюсь использовать javascript, чтобы сфотографироваться с моим iphone и нарисовать изображение на холсте. я использую &lt;input type="file" capture="camera" accept="image/*" id="takePictureField"&gt; mobilePictureGet); использовать камеру. Как т…
20 авг '15 в 19:23