10_Composition.html
Dosyayı İndir
<!DOCTYPE html>
<html>
<body>
<canvas id="mycanvas" width="300" height="240" style="border: 1px solid blue">
</canvas>
<script>
var mycanvas = document.getElementById('mycanvas');
var mycontext=mycanvas.getContext("2d");
var compositionOperations = [
'source-over','source-in','source-out','source-atop',
'destination-over','destination-in','destination-out',
'destination-atop','lighter','darker','copy','xor'
];
var operationIndex=9;
mycontext.fillStyle = "#0000FF";
mycontext.fillRect(100,70,100,100);
mycontext.globalCompositeOperation =compositionOperations[operationIndex];
mycontext.fillStyle = "#FF0000";
mycontext.beginPath();
mycontext.arc(175,150,50,50,Math.PI*2,true);
mycontext.fill();
</script>
</body>
</html>
Dosyayı İndir 