Tô màu nền - viết chữ cho canvas

Your browser does not support the HTML5 canvas tag. Your browser does not support the HTML5 canvas tag. Your browser does not support the HTML5 canvas tag.

Làm ảnh động bằng canvas

Trước tiên tạo một vùng canvas, và gạn ID cho nó
Dùng JS để điều khiển ID canvas. Tham khảo ở đâyhoặcở đây

Toán chuyển động

1. Người thứ 2 đuổi kịp người thứ nhất lúc mấy giờ?
Bài toán:
Lúc 8 giờ một người đi từ A và đến B lúc 12 giờ.
Lúc 8.30' người thứ 2 đi từ A và đến B lúc 11.30'.
-----------------------------------------------------------------------
Hỏi người thứ 2 đuổi kịp người thứ nhất lúc mấy giờ?

Cách giải :
Thời gian đi của người thứ nhất = (Thời điểm đến - thời điểm đi) = 12 - 8 = 4 (giờ).
Thời gian đi của người thứ hai = (Thời điểm đến - thời điểm đi) = 11.30' - 8.30' = 3 (giờ).
Giả sử hai người gặp nhau lúc x giờ, Tại thời điểm đó quãng đường đi được là bằng nhau.
Chia quãng đường AB thành 4.3 = 12 phần.
Như vậy mỗi giờ người thứ nhất đi được 3/12 quãng đường. Người thứ hai đi được 4/12 quãng đường.
Vậy ta có:
(x-8).3 = (x-8,5)4
x = 10.

 Người thứ nhất(Thời điểm đi / thời điểm đến)

Người thứ hai(Thời điểm đi / thời điểm đến)
Kết quả :



2. Tính chiều dài quãng đường AB?
Bài toán:
Người thứ nhất đi từ A đến B với vận tốc 30 km/h
20' sau người thứ 2 cũng đi từ A đến B với vận tốc 36 km/h và đến B sau 5 phút.
--------------------------------------------------------------------------------------------------
Tính chiều dài quãng đường AB?
Cách giải:
Trước hết bạn phải tính được thời gian người thứ nhất đã đi. t = (vận tốc người 2 - vận tốc người 1)* thời gian giảm.

Vận tốc người thứ nhất :

Vận tốc người thứ hai :
Hiệu thời gian đi của người thứ nhất và thứ 2.
Kết quả :


Vận tốc người thứ nhất :
<input id="numb5" min="0" style="width: 100px;" type="number" /><br />
<br />
Vận tốc người thứ hai :
<input id="numb6" min="0" style="width: 100px;" type="number" /><br />
Hiệu thời gian đi của người thứ nhất và thứ 2.
<input id="numb7" min="0" style="width: 100px;" type="number" />
<button onclick="myFunction2()" type="button">Trả lời</button>

<br />
<div class="style2" id="ketqua2">
Kết quả : <br />
<br />
<br />
<br /></div>
<script>
function myFunction2() {
    var x, y, z, t, ketqua;
    // Truyen tham so cho id="numb1"
    x = document.getElementById("numb5").value*1;
    y = document.getElementById("numb6").value*1;
    z = document.getElementById("numb7").value*1;
    t = (y-x)*z;
    ketqua = t*x;
    document.getElementById("ketqua2").innerHTML = "Quãng đường dài là " + ketqua +"km";
}
</script>
Previous
Next Post »