Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 29.04.2019, 15:49
Кандидат Javascript-наук
Отправить личное сообщение для Всемогущий Посмотреть профиль Найти все сообщения от Всемогущий
 
Регистрация: 11.09.2018
Сообщений: 128

Вопрос по html5 canvas
Можно ли сделать в canvas прозрачный фон ???? чтобы холст канвас был прозрачный а картинке на canvas можно было бы сохранить !?
Например я нарисовал на канвас квадратик и хочу его сохранить но отдельно от канваса !!!! чтобы квадратик не был на белом фоне... ну вы поняли меня
Ответить с цитированием
  #2 (permalink)  
Старый 29.04.2019, 16:53
Кандидат Javascript-наук
Отправить личное сообщение для Всемогущий Посмотреть профиль Найти все сообщения от Всемогущий
 
Регистрация: 11.09.2018
Сообщений: 128

Всемогущий ждет ваших ответов
Ответить с цитированием
  #3 (permalink)  
Старый 29.04.2019, 17:30
Аватар для Alexandroppolus
Профессор
Отправить личное сообщение для Alexandroppolus Посмотреть профиль Найти все сообщения от Alexandroppolus
 
Регистрация: 25.10.2016
Сообщений: 1,012

Фон канвы по дефолту прозрачный. Сохранять через toBlob, указать формат png
Ответить с цитированием
  #4 (permalink)  
Старый 29.04.2019, 17:45
Профессор
Отправить личное сообщение для Dilettante_Pro Посмотреть профиль Найти все сообщения от Dilettante_Pro
 
Регистрация: 27.11.2015
Сообщений: 2,899

Так он вроде и так прозрачный
<style>
#first     {
     position:absolute;
     top:70px;
     left:100px;
}
#sec     {
     position:absolute;
     top:70px;
     left:400px;
}
#res {
     position:absolute;
     top:0px;
     left:350px;
     width:300px;
     height:100px;
     border:1px solid black;
}

canvas {
    position:absolute;
    top:0px;
    left:0px;
    width:300px;
    height:100px;
    border:1px solid black;
}
</style>
<img id="first" src="https://javascript.ru/cat/list/donkey.gif">
<img id="sec" src="https://javascript.ru/cat/list/donkey.gif">
<img id="res" >
<canvas  ></canvas>
<script>
var canvas = document.querySelector("canvas"),
     ctx        = canvas.getContext("2d");
ctx.rect(50,20,100,100);
ctx.stroke();
var dataURL = canvas.toDataURL();
res.src = dataURL;
</script>

не заметил предыдущего ответа ... Пока писал - появился
Ответить с цитированием
  #5 (permalink)  
Старый 29.04.2019, 19:09
Кандидат Javascript-наук
Отправить личное сообщение для Всемогущий Посмотреть профиль Найти все сообщения от Всемогущий
 
Регистрация: 11.09.2018
Сообщений: 128

ребят я говорю про то, чтобы когда я сохранял канвас то сохранялось бы изображение а не изображение на белом фоне !!!!!!
Ответить с цитированием
  #6 (permalink)  
Старый 29.04.2019, 19:27
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,105

Сообщение от Всемогущий
я сохранял канвас
сохрани ссылку на изображение и координаты
Ответить с цитированием
  #7 (permalink)  
Старый 29.04.2019, 20:00
Кандидат Javascript-наук
Отправить личное сообщение для Всемогущий Посмотреть профиль Найти все сообщения от Всемогущий
 
Регистрация: 11.09.2018
Сообщений: 128

Всмысле ? ребят просто предложите варианты решения этой пробелмы
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
html5 canvas, ошибка в коде kambodge Общие вопросы Javascript 1 11.12.2017 09:48
Вопрос по отрисовке в canvas uuushka Элементы интерфейса 8 13.11.2014 00:52
Html5. Canvas. Png. Alpha Valdemor Общие вопросы Javascript 10 05.05.2013 15:04
HTML5 Canvas. Поворот изображения Valdemor Элементы интерфейса 3 29.04.2013 18:12
HTML5 Canvas не перерисовывает egreek Общие вопросы Javascript 11 22.02.2013 17:37