HTML5キャンバスの変換行列とは何ですか？
HTML5キャンバスは、変換行列を直接変更できるメソッドを提供します。変換行列は、最初はID変換である必要があります。その後、変換方法を使用して調整できます。
例
<!DOCTYPE HTML>
<html>
<head>
<script>
function drawShape(){
// get the canvas element using the DOM
var canvas = document.getElementById('mycanvas');
// make sure we don't execute when canvas isn't supported
if (canvas.getContext){
// use getContext to use the canvas for drawing
var ctx = canvas.getContext('2d');
var sin = Math.sin(Math.PI/6);
var cos = Math.cos(Math.PI/6);
ctx.translate(200, 200);
var c = 0;
for (var i=0; i <= 12; i++) {
c = Math.floor(255 / 12 * i);
ctx.fillStyle = "rgb(" + c + "," + c + "," + c + ")";
ctx.fillRect(0, 0, 100, 100);
ctx.transform(cos, sin, -sin, cos, 0, 0);
}
ctx.setTransform(-1, 0, 0, 1, 200, 200);
ctx.fillStyle = "rgba(100, 100, 255, 0.5)";
ctx.fillRect(50, 50, 100, 100);
}
else {
alert('You need Safari or Firefox 1.5+ to see this demo.');
}
}
</script>
</head>
<body onload = "drawShape();">
<canvas id = "mycanvas" width = "400" height = "400"></canvas>
</body>
</html> -
HTML5のCanvas用の無料ライブラリとは何ですか？
Webサイトにインタラクティブな要素を追加する必要がある場合は、Canvas用の無料のライブラリを使用すると作業が簡単になります。まず、HTML5でキャンバスを作成する方法について説明しましょう。 HTMLのタグは、スクリプトを使用してグラフィックやアニメーションなどを描画するために使用されます。 HTML5で導入されたタグ。 次のコードを実行して、HTML5でキャンバスを作成してみてください 例 <!DOCTYPE html> <html> <head> <title&
-
変数変換とは何ですか？
変数変換は、変数の一部の値に使用される変換を定義します。言い換えると、すべてのオブジェクトについて、そのオブジェクトの変数の値に回転が使用されます。たとえば、変数の重要性のみが必須である場合、絶対値を作成することで変数の値を変更できます。 変数変換には、単純な関数変換と正規化の2つのタイプがあります。 シンプルな機能 単純な数学関数が各値に個別に使用されます。 rが変数の場合、そのような変換の例にはx kが含まれます。 、logx、e x 、$ \ sqrt {x} $、$ \ frac {1} {x} $、sinx、または|x|。統計では、変数変換、特にsqrt、log、および