Прозрачные пиксели отображаются в виде черного цвета в fabric.js - PullRequest
Новая
       27

Прозрачные пиксели отображаются в виде черного цвета в fabric.js

0 голосов
/ 14 октября 2018

Я пытаюсь загрузить изображение .png с некоторыми полностью прозрачными пикселями в холст fabric.js, и они загружаются как черные пиксели в браузере.Как заставить их отображать только прозрачные пиксели

исходное изображение enter image description here

в fabric.js enter image description here

Ответы [ 2 ]

0 голосов
/ 15 октября 2018

Я фактически уменьшал изображение перед загрузкой на холст, который давал эту черноту на прозрачном фоне.Когда я увеличил предел масштабирования до исходных размеров изображения, он работал нормально.

0 голосов
/ 14 октября 2018 
<html>

<head>
    <script src="fabric.min.js"></script>
</head>

<body>
    <canvas id="canvas_input" width="800" height="800" style="border:1px solid #000000;"></canvas>
    <script>
        var canvas_input = new fabric.Canvas('canvas_input');
        fabric.Image.fromURL("./trans2.png", function(img){
            canvas_input.add(img);
            canvas_input.renderAll();
        });
    </script>
</body>

</html>

это должно работать нормально.Убедитесь, что вы обслуживаете статические файлы.Вы можете использовать python -m simpleHTTPServer

...