Javascript-форум (https://javascript.ru/forum/)
-   Общие вопросы Javascript (https://javascript.ru/forum/misc/)
-   -   Вопрос по html5 canvas (https://javascript.ru/forum/misc/77414-vopros-po-html5-canvas.html)

Всемогущий 29.04.2019 15:49

Вопрос по html5 canvas
 
Можно ли сделать в canvas прозрачный фон ???? чтобы холст канвас был прозрачный а картинке на canvas можно было бы сохранить !? :help: :help: :help:
Например я нарисовал на канвас квадратик и хочу его сохранить но отдельно от канваса !!!! чтобы квадратик не был на белом фоне... ну вы поняли меня

Всемогущий 29.04.2019 16:53

Всемогущий ждет ваших ответов

Alexandroppolus 29.04.2019 17:30

Фон канвы по дефолту прозрачный. Сохранять через toBlob, указать формат png

Dilettante_Pro 29.04.2019 17:45

Так он вроде и так прозрачный
<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>

не заметил предыдущего ответа ... Пока писал - появился

Всемогущий 29.04.2019 19:09

ребят я говорю про то, чтобы когда я сохранял канвас то сохранялось бы изображение а не изображение на белом фоне !!!!!!

рони 29.04.2019 19:27

Цитата:

Сообщение от Всемогущий
я сохранял канвас

сохрани ссылку на изображение и координаты

Всемогущий 29.04.2019 20:00

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


Часовой пояс GMT +3, время: 12:14.