Laravel: how to print image with it is color javascript?

mardi 14 novembre 2017

how to print image with it is color javascript?

when print image it is print without color
i want to print image with image colors not black and white
i want to print image with image colors not black and white

below description about my problem
i post js ,html , css , and pic
can anyone help me ?

js code

function printdiv(printpage)
    {
        var headstr = "<html><head><title></title> " +
            "</head><body>";
        var footstr = "</body>";
        var newstr = document.all.item(printpage).innerHTML;
        var oldstr = document.body.innerHTML;
        document.body.innerHTML = headstr+newstr+footstr;
        window.print();
        document.body.innerHTML = oldstr;
        return false;
    }

style

<style>
    .certificate {
        );--}}
        /*background-size: cover;*/
        background-repeat: no-repeat;
        min-height:600px;
        max-width: 100%;
        margin-top: 10px;
        margin-bottom: 10px;
        position: relative;
    }
    /*@media print {*/
        .certificate img {

        }
    /*}*/

    .certificate_name {
        position: absolute;
        font-weight: bold;
        font-size: 28px;
        font-family: Tahoma;
        color: #a97e50;
        top: 199px;
        right: 16%;
        width: 341px;
        overflow: hidden;
    }
    .certificate_type {
        position: absolute;
        font-weight: bold;
        font-size: 24px;
        font-family: Tahoma;
        color: #a97e50;
        top: 246px;
        right: 15%;
        width: 294px;
        overflow: hidden;
    }
    .certificate_grade {
        position: absolute;
        font-weight: bold;
        font-size: 21px;
        font-family: Tahoma;
        color: #a97e50;
        top: 320px;
        right: 34%;
        width: 191px;
        overflow: hidden;
    }
    .certificate-sign1 {
        position: absolute;
        font-weight: bold;
        font-size: 24px;
        font-family: lainiedayshregular;
        color: #333;
        top: 479px;
        left: 106px;
        width: 196px;
    }
    .certificate-sign2 {
        position: absolute;
        font-weight: bold;
        font-size: 25px;
        font-family: "Viner Hand ITC";
        color: #333;
        top: 480px;
        left: 343px;
        width: 160px;
    }
    .certificate-print{
        margin-right:7%;
    }
</style>

html and php code laravel

<div class="certificate" id="certificate">
            <img src="">
            <p class="certificate_name"></p>
            <p class="certificate_type">  </p>
            <p class="certificate_grade">
                @if($t<=100 && $t >=85)
                    Excellent
                @elseif($t<85 && $t >=75)
                    V. good
                @elseif($t<75 && $t >=65)
                    Good
                @else
                    Bad
                @endif
            </p>
            <p class="certificate-sign1">Mohamed Geda</p>
            <p class="certificate-sign2"></p>
        </div>

picture that i want print it here

and this printed image

from Newest questions tagged laravel-5 - Stack Overflow http://ift.tt/2jq4HXh
via IFTTT

Laravel