Javascript

JSを使って2点の座標を結ぶ線の方程式を求めてみる

2点の座標の直線の方程式を求める場合の公式は、 y=ax+b これをjavascript を使って求めてみると、 var a = (endPt.y - startPt.y) / (endPt.x - startPt.x); var b = startPt.y - (startPt.x * a); この方程式を元に、キャンバスの端で交わる座標を…

回るキャンバスに絵が描けるものを作ってみた【解説】

マウスの座標はstage から取得して、それを shapeのgraphicsに描いて反映させます。 その時にポイントなるのが2点。 1つ目は、stage上で、shapeを回転させるための基準点を真ん中に変更。 stage.setTransform(canvas.width / 2, canvas.height / 2); 2つ…

レンタルサーバーに置いている画像にウォーターマークを入れてみる【Javascript 編】

画像にウォーターマークを入れることができるか、まずはJavascriptを使ってやってみることにしました。細かくいうと「jquery」です。 ↓こちらを参考にして、コーディングしてみました。 jQuery Watermark Plugin Examples sample.html <html> <head> <meta charset="UTF-8"> <title>jQuery Watermark </title></meta></head></html>…