canvas

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

RSS

  • 解決済

    回答
    2

    base64に変換されたimageデータをリサイズしたいです。

    jasnybootstrap の「Image upload widgets」をインタフェに使って ファイル選択と同時に base64にデータ化されたファイルをアップロード ↓ サーバー上で復号 ↓ 保存 させるところまでこぎつけたんですけど..アップロード前に originalfile //これがbase64化されたオリジナルの画像データ

    • 0評価
    • 150PV
    Sora-tan Sora-tan 6日前
  • 解決済

    回答
    1

    複数のcanvasにそれぞれ異なる画像を読み込ませて表示させたい

    前提・実現したいこと 複数のcanvasにそれぞれ異なる画像を読み込ませて表示させたいと思っています。 例えば、 一つ目の<input id='fileSelectA' type='file' accept='image/*' /> から読み込んだ画像は"canvasA"に表示、 二つ目の<input id='fileSelectB' type='

    • 0評価
    • 66PV
    shoshinsha01 shoshinsha01 1週間前
  • 受付中

    回答
    2

    HTML5 canvas の学び方

    これからHTML5canvasを学ぶ際の参考書に迷っています。 オライリージャパンから出版されている、 ・HTML5canvas 2012/01と ・プログラミングHTML5canvas で迷っています。 横浜の書店で比べたかったのですが、在庫がなく比べられませんでした。 知っている方がいましたらそれぞれの特徴おしえていただけますでしょうか?

    • 0評価
    • 71PV
    taka_yuki taka_yuki 1週間前
  • 受付中

    回答
    0

    クライアントでリサイズ後、規定フォルダにアップロード

    前提・実現したいこと 下記を参考にクライアントでリサイズ後、規定フォルダにアップロードするページをつりたいと思っています。 https://egashira.jp/image-resize-before-upload 発生している問題・エラーメッセージ こちらの例ではGoogle App Engineを使用していますが、 Google App

    • -2評価
    • 45PV
    kamekame kamekame 3週間前
  • 解決済

    回答
    2

    HTML5 Canvas に画像をオブジェクトとして表示したい

    こんにちは。いつもありがとうございます。最近Canvasを使う機会がありまして勉強中です。 エラーが出ます Canvas に画像をオブジェクトとして表示しようと、下のコード実行すると、 window.onload = function () { var treeArray = []; ctx = document.getEle

    • 0評価
    • 196PV
    Tats.N Tats.N 1ヶ月前
  • 解決済

    回答
    2

    Canvasについて

    前提・実現したいこと jsファイルとhtmlファイルでcanvasを用いて、図形を描いています。 <p> <button id="1" value="green">Green</button> <button id="2" value="blue">Blue</button>

    • 0評価
    • 56PV
    ajgd261 ajgd261 1ヶ月前
  • 解決済

    回答
    1

    Processingのスケッチをprocessing.jsで実行するとスタックオーバーフローしてしま...

    簡単なゲームを作ってみたのですが、表題の通りスタックオーバーフロー?みたいなエラーが出ます。 RangeError: Maximum call stack size exceeded. と出ます。 Processingで普通に実行すると標準のフレームレートで動きます。 まだ途中ですが現在のコード量は700行です。 コードを軽くする方法ではなく

    • 0評価
    • 62PV
    hato1228 hato1228 1ヶ月前
  • 受付中

    回答
    0

    PixiJS v4のCanvasRendererでIE9をサポートしているはずなのにエラーが出る

    前提・実現したいこと PixiJSのCanvasRendererを、IE9で動かしたいです。 PixiのGitHubのFAQには FAQs · pixijs/pixi.js Wiki https://github.com/pixijs/pixi.js/wiki/FAQs Browsers supported by the CanvasRend

    • 0評価
    • 34PV
    terutaka-kondo terutaka-kondo 1ヶ月前
  • 解決済

    回答
    1

    Tkinterのcanvasを使って、対称模様の図形を出力したい

    前提・実現したいこと pythonの図形描画ライブラリTkinterのcanvasウィジェットを使って、以下の画像のような図形を出力したいが、うまくいきません。よろしくお願いします。 y軸の変換に問題があるようなのですが、あと一歩がわかりません。 実現したい出力 発生している問題 誤った出力 該当のソースコード # codi

    • 0評価
    • 52PV
    korogii korogii 1ヶ月前
  • 受付中

    回答
    1

    ブラウザのウィンドウをリサイズするとcanvasが点滅(再描画?)する。また、スマホで閲覧する時もス...

    adobe cc animateで作成した作成したアニメーションをブラウザで閲覧し、ウィンドウをリサイズするとアニメーション(canvas部分)が点滅(再描画?)します。 また、スマホで閲覧する時もスクロールごとに点滅(再描画?)します。 何か設定があるのでしょうか? また、スマホで閲覧するとアニメーションのスピードが遅くなります。 宜しくお

    • 0評価
    • 42PV
    Yamanosuke Yamanosuke 1ヶ月前
  • 受付中

    回答
    1

    レーダーチャートを作成し、値をカスタムフィールドで管理したい

    前提・実現したいこと HTML5のcanvas機能を使って、レーダーチャートを作成し、 javascript内に書いているチャートの値を、WordPressのカスタムフィールドで制御したい。 ※完成イメージ 試したソースコード 下記サイトを参考にレーダーチャートの実装まではできました。 https://liginc.co.jp/des

    • 0評価
    • 83PV
    ikemon ikemon 1ヶ月前
  • 解決済

    回答
    1

    javascriptのcanvasでgif表示

    canvasでGIF画像を扱う際に、下記のコードの場合GIFアニメーションが表示の時に動かなくなるのですが、GIF画像の時は別に必要な処理はあるのでしょうか。 よろしくお願いいたします。 例:) window.onload = function () { var img = new Image(); img.onload = function(

    • 0評価
    • 45PV
    Nobumitu_Hata Nobumitu_Hata 1ヶ月前
  • 解決済

    回答
    1

    javascriptのcanvasでgif表示

    現在、canvasで同じサーバ内にある画像を表示することを行っていて、 Chromeでは表示されるのですが、Safariでは下記のエラーが表示されてしまいます。 TypeError: n.toDataURL is not a function. (In 'n.toDataURL()', 'n.toDataURL' is undefined) 公

    • 0評価
    • 82PV
    Nobumitu_Hata Nobumitu_Hata 1ヶ月前
  • 受付中

    回答
    0

    CSS Animationで作ったアニメーションをHTML5 Canvasに変換したい

    お世話になります。 HTML5 CanvasとiPadで実現する3Dホログラムを参考に、 自分で作成したキャラクターが上下にふわふわ動く3Dホログラムを作りたいのですが、 Adobe Animate CCを持っていないので、それ以外でCSS Animationで作ったものをHTML5 Canvasにする方法をご教授いただけませんでしょうか。 HT

    • -1評価
    • 421PV
    tsumi tsumi 1ヶ月前
  • 受付中

    回答
    1

    雲が上下にふわふわ動くアニメーションを画像無しで作りたい

    添付画像の様な上半分の雲で、雲の上部分を上げにランダムにふわふわ動かしたいのですが、やり方を調べてもわかりませんでした。 ふわふわの一つ一つが要素で上下にランダムに動かせばよいのかなとは思っているのですが、 ・横一列に並べながら ・ランダムに上下に動かす がわからず。。 わかる方が居ましたら、ご教示のほどよろしくお願いいたします。

    • 0評価
    • 152PV
    KensukeTsutsumi KensukeTsutsumi 2ヶ月前
  • 解決済

    回答
    1

    ホームページに組み込んだHTML5 Canvasをスクロールで現れると動くようにしたい

    Adobe Animate CCで作成したHTML5Canvasについて教えてください。 ホームページの下部に、内容がグラフのアニメーションのHTML5 Canvasを組み込んだのですが、これをスクロールをして現れた時にHTML5 Canvasが動きだすというようにしたいのですが、どうすればいいのか分からなくて困ってます。 そもそもHTML5 Canva

    • 0評価
    • 219PV
    manaeos manaeos 3ヶ月前
  • 解決済

    回答
    1

    html5 canvasで描いた絵の表示が不安定です

    html5 canvasで描いた絵の表示が不安定です. サイトにhtml5 canvasで簡単な絵を書いたんですが、絵が5~10回に一回ぐらいなぜか表示されません。 htmlコードを色々と書き直したんですが、表示されない割合が多少変わるんですが、必ず表示される状態になりません。またブラウザ(crome)を最小化して隠した後、最大化して再び見える状態に

    • 0評価
    • 114PV
    YOKOHAMA YOKOHAMA 3ヶ月前
  • 解決済

    回答
    1

    WPF、canvas上の子要素の消去方法

    canvas上のクリックした場所に図形やフォントを配置するというプログラムを、WPFで作っています。言語はC#、開発環境はvisual studio 2012 for Desktopを使用しています。 子要素をクリックで選んで消去させたいのですが、どのようにすれば良いのか分からないため、教えて頂きたいです。 該当のソースコード C# usin

    • 0評価
    • 164PV
    marche marche 3ヶ月前
  • 受付中

    回答
    0

    Retinaでcanvasタグ内のapngアニメーションが2回実行されてしまう対処

    APNG作成について https://ics.media/entry/2441 apngアニメーションをサイトのロゴとして使っているのですが、 Retinaディスプレイでcanvasタグ内のapngアニメーションが2回繰り返されてしまいます。 通常の解像度ディスプレイでは、1回のみ実行され正常に機能するのですが、ご教授いただけますでしょうか。

    • 0評価
    • 113PV
    smart4d smart4d 3ヶ月前
  • 解決済

    回答
    2

    Androidでタップして図形を複数描画するアプリケーション

    ご覧頂き ありがとうございます。 現在タップをした座標に円形を描画するアプリケーションを制作しています。 そこでつまづいてしまっている部分が、今回ご教示いただきたい内容になります。 以下に示しますプログラムを「複数の図形の描画に対応させたい」のです。 説明が下手で申し訳ありません。 以下の参考URLの方のソースを図形に置き換えたい。と言

    • 0評価
    • 139PV
    RingoAme RingoAme 3ヶ月前
1

もっと見る

タグ情報

  • あなたの順位

    -

  • タグ登録者数

    73

  • 総質問数

    126

  • 今週の質問数

    1

関連するタグ

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