RobinNixon
31 lines
887 B
HTML
31 lines
887 B
HTML
<!DOCTYPE html>
|
|
<html>
|
|
<head>
|
|
<title>Drawing Images</title>
|
|
<script src='OSC.js'></script>
|
|
</head>
|
|
<body>
|
|
<canvas id='mycanvas' width='480' height='260'></canvas>
|
|
|
|
<script>
|
|
canvas = O('mycanvas')
|
|
context = canvas.getContext('2d')
|
|
S(canvas).background = 'lightblue'
|
|
|
|
myimage = new Image()
|
|
myimage.src = 'image.png'
|
|
|
|
myimage.onload = function()
|
|
{
|
|
context.drawImage(myimage, 20, 20 )
|
|
context.drawImage(myimage, 140, 20, 220, 220)
|
|
context.drawImage(myimage, 380, 20, 80, 220)
|
|
context.drawImage(myimage, 30, 30, 40, 40, 20, 140, 100, 100)
|
|
|
|
// Example of using a canvas as an image source
|
|
context.drawImage(canvas, 0, 0, 480, 260, 20, 140, 100, 100)
|
|
}
|
|
</script>
|
|
</body>
|
|
</html>
|