Membuat Kabel Melengkung

Mau bikin garis melengkung di html, akhirnya mencari dulu ke mbah google.

Akhirnya ketemu deh 1. Coba dulu ah...


// Create the triangular path (with rounded corners)
context.beginPath();
// Top Corner
context.moveTo(canvasWidth/2 - x, this.padding);
context.quadraticCurveTo(canvasWidth/2, this.padding - y, canvasWidth/2 + x, this.padding);
// Right Corner
context.lineTo((canvasWidth + this.width)/2 + gamma, this.padding + this.height - gamma);
context.quadraticCurveTo((canvasWidth + this.width)/2 + y, this.padding + this.height + this.innerBorder, (canvasWidth + this.width)/2, this.padding + this.height + this.innerBorder);
// Left Corner
context.lineTo((canvasWidth - this.width)/2, this.padding + this.height + this.innerBorder);
context.quadraticCurveTo((canvasWidth - this.width)/2 - y, this.padding + this.height + this.innerBorder, (canvasWidth - this.width)/2 - gamma, this.padding + this.height - gamma);
// Close Path
context.lineTo(canvasWidth/2 - x, this.padding);
context.closePath();

http://www.williammalone.com/articles/flash-vs-html5-canvas-drawing/

Hasil Edit HTML5 - Roda Berputar

Titik Berat segi n

Ini dia cara mencari titik berat bangun datar segi n

sumber: http://fisika2000.blogspot.com/2009/08/pusat-massa-dan-titik-berat.html

Rumus Luas Segi-n Sembarang

Ini dia rumus Luas segi-n sembarang

Kebetulan saya mau buat program yang mencari titik pusat segi 4.

Googling, akhirnya ketemu juga.

Alhamdulillah :)

sumber: http://maruzar.blogspot.com/2011/12/luas-polygon-tak-beraturan-dan.html

kirim

kiriman

test posting

galih

Membuat Kurva di HTML5

format nya
context.bezierCurveTo(controlX1, controlY1, controlX2, controlY2, endX, endY);

contoh penggunaan:

context.beginPath();
context.moveTo(188, 130);
context.bezierCurveTo(140, 10, 388, 10, 388, 170);
context.lineWidth = 10;


sumber
http://www.html5canvastutorials.com/tutorials/html5-canvas-bezier-curves/