Ich habe ein Bild. ich benutze drawImage()
auf eine Leinwand zu zeichnen.
Meine Frage ist: Wenn das Bild eine Deckkraft von 0,4 hat, wie zeichne ich es in der gleichen Deckkraft auf die Leinwand.
Ich habe ein Muster erstellt Geige hier. Wie kann ich zeichnen #scream
auf zu mycanvas
Beibehaltung einer Opazität von 0,4 auf dem Bild.
html:
<p>Image with 0.4 opacity to be used:</p>
<img id="scream" width="200" height="200" src="http://img42.com/NMMU8+">
<p>Canvas:</p>
<canvas id="myCanvas" width="220" height="220" style="border:1px solid #d3d3d3;">
</canvas>
CSS:
#scream{
opacity: 0.4;
}
#myCanvas{
background-color: #f60;
}
js:
window.onload = function() {
var c = document.getElementById("myCanvas");
var ctx = c.getContext("2d");
var img = document.getElementById("scream");
ctx.drawImage(img, 10, 10);
}
Sie können dies mit tun
ctx.globalAlpha
siehe die mögliche doppelte Frage.– Spencer Wieczorek
29. Juli 2015 um 18:47 Uhr