Помогите с canvas
C canvas начинают только сейчас разбираться, вот что удалось написать:
Код:
</style>
<img id="img1" src="komp.jpg"
style="display:none;">
<canvas id="Mycanvas" width="400" height="300">Обновите
браузер</canvas>
<script type="text/javascript">
var img1=document.getElementById("img1");
var img2=new Image(); // Создаём изображение
img2.src = 'komp.jpg';
var canvas=document.getElementById("Mycanvas")
var image1=canvas.getContext("2d");
image1.drawImage(img1,110,70);
image1.drawImage(img1,10,10,70,70);
image1.drawImage(img1,0,90,110,70,10,200,100,50);
img2.onload = function() {
image1.drawImage(img2,280,10,90,70);
}
</script>
Здесь происходит просто вставка картинки.
Ну т.к. я только разбираюсь есть пару вопросов:
1) Как сделать вставку картинки по кнопке, точнее надо сразу нажать на кнопку, а потом при нажатии на поле canvas появится сама картинка в том месте
2) Как можно сделать, если картинка уже вставлена, при нажатии на нее она подсвечивалась или выделялась и ее можно было менять размер.
Заранее спасибо. |