canvas

HTML5の<canvas>要素用のタグです。CanvasはHTML5から導入された、二次元の図形描写が可能な要素です。

RSS
  • 受付中

    回答
    1

    何故、切り捨てると0除算してしまうのか。

    下記のソースのプロパティであるthis.startLifeの小数点の丸め方(端数処理)を切り上げ(ceil)ではなく切り捨て(floor)にすると実行途中にエラーが発生してしまいます。 エラー直前に0除算をしているようです。切り上げにするとこのようなことは、発生しません。 var canvas = document.getElementById("can

    • 0評価
    • 61PV
    KSwordOfHaste KSwordOfHaste 1日前に 回答
  • 解決済

    回答
    1

    edge animateで作成したファイルを任意の場所でスタートさせるには

    前提・実現したいこと adobe edge animateで作成したアニメーションのバナーをfooterの位置などに来た時にアニメーションスタートするように設定したいのですがどのようにすればいいでしょうか。 発生している問題・エラーメッセージ エラーメッセージ 該当のソースコード ここにご自身が実行したソースコードを書いてください 試したこと

    • 0評価
    • 585PV
    kim_owl kim_owl 4日前に 回答
  • 解決済

    回答
    1

    animate ccなどで作成したアニメーションをレスポンシブ対応させたい。

    http://blog.livedoor.jp/thinkzero/archives/3815540.html URL先にあるように animate ccで作成したHTML5のアニメーションをdreamweaverなどでレスポンシブに対応させる方法が全くわからいません。 oamファイルを作成したりなどはわかるのですが、配置してもどうしてもサイトレイ

    • 0評価
    • 885PV
    kim_owl kim_owl 4日前に 回答
  • 解決済

    回答
    1

    javascript、canvasで花吹雪

    javascriptでcanvasを生成して花吹雪を降らすコードを書きました。 動きはするし、花びらの挙動も思った通りに操作できたのですが、何故かサイトをリロードしたら花びらが出て来なくなり、2回リロードしてやっと作動する感じになっています。 ローカルでしか試していないのですが、urlから飛んでサイトが表示されたらちゃんと吹雪いてます。しかしやはりページ

    • 0評価
    • 279PV
    sleeeep12 sleeeep12 1週間前に 質問を編集
  • 受付中

    回答
    1

    WEB上でデザインした商品をそのまま購入できるようにしたい

    前提・実現したいこと 自分だけのオリジナルTシャツが作れる 以下のようなサイトを作ろうとしています。 https://tmix.jp/ WEB上で商品のデザインができる デザインした商品はイメージ化してカート(セッション)に保存することができる カート(セッション)に保存した商品はそのまま購入することができる といった主要機能から取り掛

    • 0評価
    • 78PV
    mts10806 mts10806 1週間前に コメント
  • 解決済

    回答
    2

    Chart.js データエントリーのないx軸のラベルを残した(スキップ)上で、データを繋げる方法につ...

    一般的な質問となって恐縮ですが、Chart.jsで困っていることがあり投稿させていただきました。 添付の画像をみていただきたいんですが、X軸に表示されている2017/11と2018/2のデータをダイレクトに繋げられればと考えています。 2017/12, 2018/01にデータエントリーがないので、x軸でゼロを表示していますが、12月、1月のラベ

    • 0評価
    • 41PV
    Rocky Rocky 1週間前に コメント
  • 解決済

    回答
    1

    JavaScript 二次元配列の要素比較

    前提・実現したいこと 上記のようなあみだくじをランダムに生成し、クリックで横棒を消したり出したりするのが目標です。現在クリックで横棒を出せるところまでできていて、今は横棒を消す処理と横棒同士で繋がらないようにする処理をするための配列検索で詰まっています。 発生している問題・エラーメッセージ 今回横棒の情報を二次元配列で[左の棒(0~11),右の棒(

    • 0評価
    • 51PV
    michaelyuki0908 michaelyuki0908 2週間前に ベストアンサー
  • 解決済

    回答
    1

    canvasを複製してスクリーンショットを取得したい

    実現したいこと PixiJSで描かれたcanvasをスクリーンショットのようにcanvas全体を画像として取得できるようにしたい(chrome拡張として実装) 現在考えている手法 PixiJSで既に描かれているcanvas(orig_canvas)のImageDataを取得し、同じ位置に新たなcanvas(clone_canvas)を生成してそこにor

    • 0評価
    • 72PV
    ke9000 ke9000 3週間前に ベストアンサー
  • 解決済

    回答
    4

    webGLのreadPixelをcanvas2dに用いられるImageDataに変換したい

    前提・実現したいこと webGLのgetPixelでcanvas全体の色情報を取得したものをcanvas2dに用いられるImageDataに変換し, webGLで表示されている部分のcanvasをキャプチャしたい. 考えた手法 webGLのgl.readPixelsがRGBA, Uint8Arrayで出力でき、それがcanvasのgetImageDat

    • 0評価
    • 105PV
    ke9000 ke9000 3週間前に 質問を編集
  • 解決済

    回答
    3

    WPF Canvasに描いた線だけを消す方法が分かりません。

    キャンバスに等間隔に線を引きグリッドの様に背景に表示させておこうとしています。 キャンバスサイズも変更させたいのでサイズを変更する時にグリッドを再描画させています。 しかし再描画する際に線だけを消す方法が分からず線以外の子要素も消えてしまいます。 MainWindow.xaml <Grid> <ScrollViewer Hor

    • 0評価
    • 100PV
    gucha gucha 3週間前に コメント
  • 受付中

    回答
    0

    canvasの実装/ サンプルの動きを変更したいです。http://paulkr.github.io...

    canvasの実装に関して質問させていただきます。 http://paulkr.github.io/quietflow.js/ こちらのサイトのサンプル[bouncingBalls]に変更を加えたいのですが、 どのように実装したら良いでしょうか。 下記4点の変更を加えたいです。 1)ボールのの半径の最大値、最小値 2)スピード 3)ボールの

    • -1評価
    • 62PV
    rieley rieley 1ヶ月前に 質問
  • 解決済

    回答
    1

    正方形がどのように傾いているか、を正方形上に矢印で示したい

    どこのブランチに投稿すればよいかわからないのですが、とりあえずお尋ねします。当方、文系フロントエンドエンジニアで、数学と物理には少し弱いのを承知下さい。 x、y、zのJSONデータを、plotly(グラフ作成ソフト)で、type=等高線(contour)で描画しています。x軸は0〜20まで、y軸は0〜20まで、z軸は標高を表してます。 参考

    • -2評価
    • 230PV
    SaintKnowledge SaintKnowledge 1ヶ月前に コメント
  • 解決済

    回答
    2

    JavaScript の Unexpected end of input について

    JavaScript初心者です。 以下のコードが、Uncaught SyntaxError: Unexpected end of input をはいて動きません。(最終行の animate(); です) 色々試したのですが、原因が分からなくなりハマっています。初歩的な質問で申し訳ないのですが、どこに問題があるのかご指摘いただけないでしょうか。 以下にコー

    • 0評価
    • 184PV
    ALMI ALMI 1ヶ月前に ベストアンサー
  • 解決済

    回答
    3

    chart.js グラフの複数設置とラベルの改行、グラフの軸線の色を変更したい。

    商品の比較に使用するため、同一ページにレーダーチャートを複数設置したいです。 「chart.js」を使用しています。 複数のレーダーチャートを設置するため、現在以下のようなコードになっております。 <!doctype html> <html lang="ja"> <head> <meta charset="utf-8"> <titl

    • 0評価
    • 369PV
    uzr1709 uzr1709 1ヶ月前に ベストアンサー
  • 解決済

    回答
    3

    touchイベントで座標を獲得できない

    mauseイベントでは座標を獲得しトリミングができているスクリプトがあります。これにtouchイベントを追加させたくて悪戦苦闘しております。ブラウザはchrome、ローカルで完結させるプログラムです。 具体的な動作としてはupload_canvasという要素上で座標をとり、裏にあるlayer2というcanvasで四角形を(トリミング範囲)を取得し、それをba

    • 0評価
    • 143PV
    kihokutarou kihokutarou 2ヶ月前に 回答
  • 解決済

    回答
    1

    canvasでのタッチイベント、clientXでエラーが出ます

    https://teratail.com/questions/116264# にて質問した同一内容になります。上記は本件が解決したら解決済みとしようと思っています。 回答者様より様々アドバイスを受けまして、mauseイベントで成功しているものにtouchイベントを追加しようと苦戦しています。 以下のscriptの「//ここからタッチ試行」よりが質問の中心で、

    • 0評価
    • 150PV
    kihokutarou kihokutarou 2ヶ月前に ベストアンサー
  • 受付中

    回答
    1

    javascript で装飾を加えた描画内容を PNG 出力する方法

    問題点 <canvas> タグ内の画像を PNG 出力する方法は分かるのですが HTML 上で変更された DIV Box を canvas に描かせて その内容を先ほどと同様に PNG 出力すると うまく行きません。 正しい方法をご指導下さい。 参照したコード** (1) 基本骨格に使用 http://www.pori2.net/html5

    • 0評価
    • 108PV
    xmg xmg 2ヶ月前に 質問を編集
  • 解決済

    回答
    1

    mouseイベントにtouchイベントを追加するには

    たぶんかなり初歩的な質問です。ただいま勉強中です。 以下のscriptにはmouseイベントがあります。具体的にはmousedown時の座標を取り同じくup時の座標を取り、画像を範囲指定してトリミングする、というコードです。 これをタッチ操作で行うためには、touchイベントを追加すればよいとは思いますが、それは単純に例えば、 display.addEv

    • 0評価
    • 110PV
    kei344 kei344 2ヶ月前に ベストアンサー
  • 解決済

    回答
    1

    canvasにて他ページで取得したtoDataURLの再利用

    ページ1で取得したcanvasデータをページ2で使用したいのですがうまくいきません。同一ブラウザ、Chromeです。 <canvas id="render" width="0" height="0"></canvas> <img src="#" id="i1" width="73" height="72"><br> <button onclick="Ca

    • 0評価
    • 83PV
    kihokutarou kihokutarou 2ヶ月前に ベストアンサー
  • 受付中

    回答
    1

    Exif情報を含むアップロード画像をCanvasで描画する際のExif内の回転情報を反映させる方法に...

    前提・実現したいこと Canvasを用いてアップロードした画像をハート形に切り抜き、さらにハート形の枠をつけたものを描画する、というものを作っています。枠の色・大きさを変える、画像のサイズ・位置を変える、ところまではできたのですが、アップロードした画像をCanvasを用いて描画する際に、画像に含まれる回転情報を反映させて描画させたいのですが、うまく動作させ

    • 0評価
    • 151PV
    KoichiSugiyama KoichiSugiyama 2ヶ月前に 回答
1

タグ情報

  • あなたの順位

    -

  • タグ登録者数

    111

  • 総質問数

    229

  • 今週の質問数

    1

関連するタグ

canvasタグのよく見られている質問

思考するエンジニアのためのQ&Aサイト「teratail」について詳しく知る