canvas

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

RSS
  • 受付中

    回答
    1

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

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

    • -2評価
    • 471PV
    mskgjtnn mskgjtnn 12時間前に 回答
  • 解決済

    回答
    1

    chart jsのレーダーチャートで、ラベルのフォントサイズを変えたい

    chart jsのレーダーチャートで、ラベルのフォントサイズを変えたい optionなどをいじってはいますが、 どうやってもサイズが変わりません。 どなたかわかるかた、教えていただけないでしょうか。 追記 以下、ソースです。 <script type="text/javascript"> var ctx = document.getE

    • 0評価
    • 66PV
    WataruT WataruT 4日前に コメント
  • 受付中

    回答
    0

    CanvasからJSでテキストを取得できますか?

    Chart.jsとかでcanvasで作ってるサイトから、 canvas上に書かれたものから値を取りたいです。 http://www.chartjs.org/docs/latest/charts/doughnut.html でいうと、Yellow: 100やRed: 300などの値を取りたいです。 var context = document.getE

    • 0評価
    • 70PV
    teratailが1ヶ月前に アップデート
  • 解決済

    回答
    1

    chart.jsの(レーダーチャート)ラベルのフォントサイズ変更がしたい

    wordpressのサイト上でchart.jsを使ってレーダーチャートを作っているのですが、ラベルのフォントサイズ変更ができません。 チャートそのものは意図した表示になっています。 リファレンスやググってもみたのですが、詳しく書いてあるものがありませんでした。 <div class="canvas_outer"> <canvas id="myRa

    • 0評価
    • 132PV
    mts10806 mts10806 1ヶ月前に コメント
  • 解決済

    回答
    1

    canvasでアニメーションの実行順を指定する方法

    canvasアニメーションで四角を描きたいです。 ①右上から左上へのライン描画 ②左上から左下へのライン描画 ③左下から右下へのライン描画 ④右下から右上へのライン描画 上記の順で四角になるようなcanvasアニメーションを作成したいです。 現在、①と②の動作までは実装出来たのですが、 ①と②が同時に処理されてしまい、一筆書きのようになりません。 c

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

    回答
    1

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

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

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

    回答
    1

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

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

    • 0評価
    • 615PV
    kim_owl kim_owl 1ヶ月前に 回答
  • 解決済

    回答
    1

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

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

    • 0評価
    • 954PV
    kim_owl kim_owl 1ヶ月前に 回答
  • 解決済

    回答
    1

    javascript、canvasで花吹雪

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

    • 0評価
    • 342PV
    sleeeep12 sleeeep12 1ヶ月前に 質問を編集
  • 受付中

    回答
    1

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

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

    • 0評価
    • 124PV
    mts10806 mts10806 1ヶ月前に コメント
  • 解決済

    回答
    2

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

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

    • 0評価
    • 70PV
    Rocky Rocky 2ヶ月前に コメント
  • 解決済

    回答
    1

    JavaScript 二次元配列の要素比較

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

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

    回答
    1

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

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

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

    回答
    4

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

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

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

    回答
    3

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

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

    • 0評価
    • 150PV
    gucha gucha 2ヶ月前に コメント
  • 受付中

    回答
    0

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

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

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

    回答
    1

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

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

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

    回答
    2

    JavaScript の Unexpected end of input について

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

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

    回答
    3

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

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

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

    回答
    3

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

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

    • 0評価
    • 225PV
    kihokutarou kihokutarou 4ヶ月前に 回答
1

タグ情報

  • あなたの順位

    -

  • タグ登録者数

    113

  • 総質問数

    233

  • 今週の質問数

    0

関連するタグ

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

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