html5-canvas

    0

    1答えて

    私はHTML5キャンバスグラデーションを学んでいます。 createLinearGradient(x,y,x1,y1)は、(x、y)から(x1、y1)までの直線勾配を作成することを理解しました。しかし、what I have readからは、カラーストップとそのグラデーションに沿った位置を指定するaddColorStop()があります。このメソッドは2つのパラメータをとりますが、これは簡単で色はわ

    2

    1答えて

    私は、スケーリングされ歪んだファブリック楕円オブジェクトを持っています。スケーリングやスキューなしで同じ楕円を再現したい私は、スケーリングとスキューの値をオフセットすることによって、rx、ry、angleの新しい値を計算することでこれを達成できると仮定します。私はスケーリング値を相殺することができましたが、私はスキュー値を相殺するための計算を理解することができません。 ご協力いただきありがとうござ

    0

    2答えて

    フレークが三角形(現在は正方形)でなければならないコンチェッティ効果(スクリーンショット付き)を作成します。私は次のJavaScriptコードを使用して効果を得ています。しかし、私はフレークがウェブページが開かれたときに上から下に落ち始めることを望みます。今は、ページを開く瞬間、そのページはフレークにあふれています。私は、画面を空白にして、フレークをゆっくりと下ろす方法を見ていました。誰もがこの効

    0

    2答えて

    は、私は以下のようなImageオブジェクトがあります。 imgObj = new Image(); imgObj.src = "http://localhost/images/img1.png"; imgObj.onload = function() {} をし、ボタンがクリックされたときに、私はキャンバス上でこのイメージを描きたいです。クリックするたびに画像が描画されますが、描画する前に

    1

    1答えて

    laravel 5.5、vuejs、vue-routerを使用してspa/rest/crudアプリケーションを作成しました。これで、ランディングページにコンポーネントを使用し、キャンバスを少し上に置くことを念頭に置いて考えました。 (もともとはp5.jsでしたが、私は今はこれをあきらめました)。私はVueコンポーネントをVue-Router経由で処理しています。フロントページでは、テンプレートのキ

    -1

    1答えて

    このライブラリが他の人にとって興味深いのかどうかは分かりませんが、それはいくつかの点で私の自尊心に挑戦しています。コードは実際の仕事からではなく、学習目的のためだけです。ご覧のとおり、私は「こんにちはの世界」を実行しようとしていただけですが、公式文書(https://tinkeringwithstuff.com/posts/canvas-warping-with-javascript.html)に

    -1

    1答えて

    私は学校でJSのコードをHTMLのキャンバスの端にぶつけるように頼んだのですが、そのキャンバスに4つのボールを入れて追加したい彼らが遭遇したときにボールが跳ね返るようにするために、JSのいくつかの「物理学」。 必要に応じて詳細をお知らせします。 PS: window.onload = function() { { var canvas = document.getEleme

    -1

    1答えて

    私はHTML5キャンバスでコースをやっています。私は教えられたコードのいくつかを使用しました。それらはチュートリアルで動作しますが、試してみると画像はまったく変化しません。ここ は色を反転させるための私のコードです: - <!doctype html> <html> <body> <canvas width="1000" height="1000"></canvas>

    3

    1答えて

    "#ca5100"という色で私のキャンバスに線を描きたいのですが、私のキャンバスが描かれているときにリールの色は実際に "#e4a77f"で "#ca5100"ではありません。なぜこの違いがありますか?あなたが設定した色で描画する方法。 var ctx = document.getElementById("mycanva").getContext("2d"); ctx.beginPath()

    0

    2答えて

    非常に単純なコードを使用します(Image.pngの代わりに画像を使用します)。私はキャンバスに背景イメージを与えようとしています。 var canvas = document.getElementById("canvas"); ctx = canvas.getContext("2d"); var img = new Image(); img.onload=start; img.src=