canvas

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

RSS

  • 受付中

    回答
    0

    Canvasで複数の箇所に同一アニメーションを設置する方法

    前提・実現したいこと Canvasを使った波のアニメーションを実装したいと考えています。 実装することはできたのですが、これを同じページに複数設置する場合、 どう修正したら良いのかご教示いただきたいです。 (類似の質問は見つけたのですが、私には難しく…) 具体的には下記の項目を実現したいと思っています。 同一アニメショーンのCanvas

    • 0評価
    • 6PV
    kkrg24 kkrg24 3時間前
  • 解決済

    回答
    1

    fabric.jsにて日本語または全角文字で間延びする

    fabric.jsにてcanvasに文字を描画しているのですが 半角英数字の場合は問題ないのですが、日本語や全角文字になると コントロール枠が間延びします。。。 色々調べてみたのですが、この現象に対する事例とうはなく 何か原因になりそうなヒントでも頂ければ助かります。 var canvas = new fabric.Canvas('myCa

    • 0評価
    • 32PV
    saik saik 6日前
  • 受付中

    回答
    1

    HTML5 CanvasのrequestAnimationFrame()動作中にマウス操作で点を表示...

    Videoタグで表示している動画を、Canvas上でパラパラ漫画風に表示させています。 ここで使用しているrequestAnimationFrame()実行中のCanvas上に、マウスクリック操作で赤い点などを打って、赤い点も含めてCanvas画像を保存したいのですが、どうやらせっかく打った赤い点は、requestAnimationFrame()の連続

    • 0評価
    • 137PV
    SaintKnowledge SaintKnowledge 1週間前
  • 解決済

    回答
    1

    マウス追従と同時に画像を動くようにしたい

    前提・実現したいこと ap.pngは飛行機の画像です。 実現したい機能は 1)飛行機がマウスを追従 →実現済み 2)飛行機の頭がマウスの方向を向く →例えばマウスを右回りにしたら飛行機も右回り、マウスを左回りにしたら飛行機も左回りになるようにしたい。 canvasにこだわりませんので、上記2)が簡単に実現できるアドバイスいただければ幸いです

    • 0評価
    • 163PV
    nakazawa nakazawa 1週間前
  • 解決済

    回答
    2

    CANVASで画像を表示するときに、静止画なのにsetIntervalを使う意味が分かりません

    CANVAS初心者です。CANVASで画像を表示するときに、静止画なのにsetIntervalを使う意味が分からず、普通のimage要素のようにただ置くことはできないのでしょうか、少し調べたところ、大きさの調整やマスキング、背景として使うとき、とあったのですが、それだけのためにsetIntervalを使うのでしょうか?アドバイス頂けたら幸いです。 <!

    • 0評価
    • 101PV
    oyatsu8 oyatsu8 1週間前
  • 解決済

    回答
    1

    Python3 Tk ウィジェットの配置について

    Python3 の Tk を使ってあるウィンドウを作りたいと思います。 ○目標 ・ウィンドウは左,右上,右下(順に win1, win2, win3 と呼ぶ)の3つの構成 ・win1 は、番号の書いたリストボックスで上下に関してウィンドウのリサイズに対応 ・win2 は、Canvasで縦の長さは固定、横幅はウィンドウのリサイズに対応 ・win3

    • 0評価
    • 99PV
    IOError IOError 1ヶ月前
  • 受付中

    回答
    0

    soundjsでIE11だけが音声読みこみできません。

    adobe animateでhtml5 Canvasアニメを作っています。 音声を、soundjsを使って読み込み再生をしているのですが、何故かIE11ではうまく読み込めません。 (soundjs-0.6.2.min.jsを使っています。) var num = 0; var file_array = new Array("sound/s1mp3"

    • 0評価
    • 65PV
    nonno nonno 1ヶ月前
  • 解決済

    回答
    1

    canvasで保存する場合に劣化しない方法ってありますか?

    実現したいこと cordovaで画像を編集できるアプリを作ろうと思っています。 ただ、canvasのサイズをツールパレットとヘッダーを除いた部分に比率は変えずに縮小した状態で表示しています。 この状態でcanvasを保存すると、小さくなった状態のものが保存されてしまうので画像が劣化してしまい、繰り返し編集するとかなり酷いものになってしまいます。

    • 0評価
    • 108PV
    shota_e shota_e 2ヶ月前
  • 解決済

    回答
    1

    【Riot.js】canvasタグのwidthとheightがデフォルトのままで変わらない

    直接書き込めばちゃんとそれ通りのwidthとheightになるんですが、riotの下記の書き方だとデフォルトのwidth300pxとheight150pxが反映されてしまいます。 <canvas width="{ canvasWidth }" height="{ canvasHeight }" ref="canvas"></canvas> var s

    • 0評価
    • 78PV
    NobumitsuHata NobumitsuHata 2ヶ月前
  • 解決済

    回答
    1

    javafxにおけるCanvasスケール拡大時のぼやけ対策

    前提・実現したいこと javafxのCanvasのスケールを拡大した際に、描画内容がぼやけてしまいます。 スケールを拡大しても、描画内容がぼやけないようにする方法を見つけたいです。 発生している問題・エラーメッセージ Canvasのスケールを縦横2倍にするクリックイベントがあり、 クリックするたびに描画内容(例えばfillrect)が2倍ずつ拡

    • 0評価
    • 136PV
    peacecigarettes peacecigarettes 2ヶ月前
  • 解決済

    回答
    1

    JavaScriptでrequestAnimationFrameを使用したら、どんどん実行フレームが...

    前提・実現したいこと JavaScriptで、canvas上をクリックすると等スピードで広がる波紋を発生させたいと考えています。 が、下記エラーが発生したため原因を追求すべく質問を投稿させていただきました。 発生している問題・エラーメッセージ JavaScriptでcanvas上をクリックすると波紋が発生するスクリプトを書いてみたのですが、クリッ

    • 0評価
    • 133PV
    Rockowpolis Rockowpolis 2ヶ月前
  • 受付中

    回答
    0

    html2canvasでのスクロール(overflow)の描画

    前提・実現したいこと html2canvasを使ってブラウザの画面キャプチャを取得していますが、 overflow:autoなどでスクロールバーが表示されているオブジェクトのスクロールバーが表示されません。 環境はWindows7,IE11またはChromeで発生しています。 html2canvasは0.4.1を使用しています。 スクロール

    • 0評価
    • 95PV
    motowo motowo 2ヶ月前
  • 解決済

    回答
    2

    javascriptの勉強としてゲームのようなものをつくっています。

    前提・実現したいこと javascriptの勉強としてゲームのようなものをつくっています。 発生している問題・エラーメッセージ なんとか少し動くようにはなりましたが、シューティングゲームのように弾をだせるようにしようすると、 思うように動きません。 弾を出そうとすると、カクカクします。 ソースコード <!DOCTYPE html>

    • -1評価
    • 193PV
    miii miii 2ヶ月前
  • 解決済

    回答
    1

    読みやすいコードにしたい

    ここに質問したいことを詳細に書いてください エリアを2つに分けたとして、片方のエリア(アイテム)に設置したある画像をクリックするともう片方のエリア(canvas)に少し大きなサイズの同じ画像を描画しようと考えています。 画像の数が増えた場合の事を考えて、配列や関数を使い同じ処理を行わないようにしたいと思っています。 発生している問題・エラー

    • 0評価
    • 207PV
    squee squee 2ヶ月前
  • 解決済

    回答
    1

    ローカルにあるファイルをcanvasに描画し、 そのあと toDataURL圧縮したjpeg形式のU...

    前提・実現したいこと javascript(Jquery)でローカルにあるファイルをcanvasに描画し、 そのあと toDataURLでcanvasの画像を圧縮したjpeg形式のURLに変換したいです。 発生している問題・エラーメッセージ canvasに描画したdataを toDataURLで変換する際に 以下のエラーが起こっています。

    • 0評価
    • 162PV
    gyouza gyouza 3ヶ月前
  • 解決済

    回答
    2

    SVGを画像として書き出した際のfont-familyが反映されない

    SVGで外部フォント(google fonts)をtext要素に使用した際、 表示は問題なくされるのですが、そのSVGを画像としてダウンロードしてもfont-familyの設定がデフォルトになってしまいます。 設定したfont-familyそのままの表示で画像にするのは不可能なのでしょうか? 方法があればご教授いただければとおもいます。 ht

    • 0評価
    • 128PV
    nao5151 nao5151 3ヶ月前
  • 解決済

    回答
    1

    Canvasで画像を重ね合わせて描画した要素をそのまま画像として生成したい

    こちらのページを参考にhtml5のFile APIを使ってドラッグ&ドロップし、そこに放り込まれた画像をベース画像とし、重ねレイヤーとしての画像を1枚に合わせてcanvasで描画することまではできましたが、 こちらで描画されたcanvas要素をそのまま画像ファイルとしてcaptureImage要素内に出力したいのですが、画像としての生成手順がわかりません。

    • 0評価
    • 248PV
    sika sika 3ヶ月前
  • 解決済

    回答
    2

    chart.jsにてレーダーチャート・円グラフを作成する際のオプションについて

    現在chart.jsにてレーダーチャートを作成しています。 実際実装したものは、こちらのリンクからご確認お願い致します chart.jsのドキュメント 現在、以下のようなコードを書いて、 レーダーチャートと円グラフを表示しております。 今回やりたいことは、2点です。 ・①のレーダーチャートのグラフにて、六角形のグラフ全体に白の背

    • 0評価
    • 387PV
    yukabyo yukabyo 3ヶ月前
  • 解決済

    回答
    1

    canvasで書いたものを次のページで表示

    前提・実現したいこと お絵かきができるものを実装したのですが、 canvasで書いたものを確認画面として次のページに表示したい。 なにかいい方法はありませんか。 漠然としていてすみません。 発生している問題・エラーメッセージ まだ何もやっていません。 下のソースはcanvasで仕上がったあと、確認画面へ行くためのボタン(register)のj

    • 0評価
    • 299PV
    ANKO3 ANKO3 3ヶ月前
  • 解決済

    回答
    1

    chart.jsにてレーダーチャートを作成する際のラベルの表示について

    現在chart.jsにてレーダーチャートを作成しています。 chart.jsのドキュメント 参考にしたサイト 以下の画像のような感じで現在表示されているのですが、 やりたいことは、①か②のどちらかです。 (どちらも方法がわかれば有り難いですがどちらかでも構いません) ① [ラベル名](その隣のピンクの長方形も合わせて)を消す ② [ラベ

    • 0評価
    • 312PV
    yukabyo yukabyo 3ヶ月前
1

タグ情報

  • あなたの順位

    -

  • タグ登録者数

    78

  • 総質問数

    153

  • 今週の質問数

    2

関連するタグ

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