[html5-canvas] タグが付いた質問
26 件の質問
1
票
1
回答
555
閲覧数
Canvasに描かれたボタン要素をデベロッパーツールで取得したい
Google chrome のデベロッパーツールを使用しています。
サイトのログインボタンの位置情報を取得したいです���
ログインボタンがcanvasタグで描かれている場合、このcanvas上のログインボタン図位置にポインタがあることをどう判断させているのでしょうか？座標情報・要素情報が見つからずです。。
ご教示ください。
- 19
0
票
0
回答
886
閲覧数
PDF.jsで暗号化PDFを描画したい
前提
Webアプリケーションを構築しています。
JavaScriptを使用し、ブラウザでPDFを表示する機能が必要になったため
JavaScriptでPDFを表示可能なPDF.jsを使用し、技術調査を行っています。
PDF.jsでは以下の2通りの描画形式があることを認識しております。
PDF.jsに搭載されているビューワ（viewer.html）を利用しiframeにて描画
pdfjs ...
- 1
0
票
0
回答
249
閲覧数
canvasで作成した図形&テキストをhtml・cssで出力可能？
canvasで作成した図形やテキストを、html・cssで出力(書き出し)する事って可能でしょうか？
参考になるサイトを共有して頂く形でも構いません。方法ありますでしょうか？
- 1
0
票
1
回答
216
閲覧数
HTML4.01でcanvasタグを使用する事は可能でしょうか。
HTML4.01でcanvasタグを使���する事は可能でしょうか。
以下の記述でChart.jsを使用してグラフを描画する事が出来たのですが、canvasタグはHTML5から使用可能と思っております。
ご存じの方がいらっしゃれば、ご教授いただけますでしょうか。
よろしくお願いいたします。
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 ...
- 73
0
票
1
回答
1,087
閲覧数
ChartJSのTooltip callback関数が動作しません。
ChartJSを使って棒グラフの表示を行っております。
ツールチップの内容を編集するため、tooltipsプロパティにcallbacksを定義しましたが、
ツールチップの中身が変わりません。原因はお判りでしょうか。
▼実行環境
OS：Windows10
ブラウザ：Chrome 90.0.4430.93
ChartJS：ver2.8
var ctx = document....
- 11
0
票
1
回答
116
閲覧数
次のホームページのアニメーションの技術を分析したい
Javaを中心にWebアプリ開発を主にしています。
今ホームページ制作にも興味を持ち、色んなサイトを見ているのですが、
以下のサイトのアニメーションに興味があります。
このサイトのHoldすると結晶になるようなアニメーションはどんな技術を使っていますでしょうか？
あるいは調べ方を教えていただけますと幸いです。
https://tsuyoshi.in/
URLがHTMLではないので、...
- 325
0
票
0
回答
235
閲覧数
フリーハンド描画実装に関する canvas と svg の違いは？
フリーハンド描画実装に関して、 canvas と svg の違いはありますか？
それぞれ長所と短所があれば知りたいです。
質問経緯
Webブラウザで動作するフリーハンド描画ツールを作成しようと思い、色々調べています。
当初はcanvasでしか作成できないと思っていたのですが、 svg で作成している人もいることに気が付きました。
両者を比較した上で何れかを選択したいのですが、...
- 6,862
0
票
1
回答
1,851
閲覧数
canvasへ描画した内容をSVGのパスデータへ変換して、パターン適用させることは出来ますか？
canvasへ描画した内容をSVGのパスデータへ変換して、SVGのパターンを適用させてみたいのですが、そもそも、canvasへ描画した内容をSVGのパスデータへ変換することは出来ますか？
検索してみたら下記ページが見つかったのですが、ここで記載されている内容は、canvasへ描画した内容をSVGへ取り込んでいるだけでSVGのパスデータへ変換しているわけではないのですか？
...
- 6,862
0
票
1
回答
595
閲覧数
leafletでマーカーをcanvasで描画している時、マーカーサイズを動的に変更するとイベントの判定がズレてしまう
お世話になります。
leafletで表示させているマーカーでクリックするとポップアップが表示されます。
このマーカーはcanvasで描画していて、
サイズを動的に変更出来るようにしています。
サイズを動的に変更するとクリックイベントの範囲が実際の円よりも広い判定になってしまい、
困っております。
マーカーをDOMで描画している場合サイズを変更しても問題ありません。
...
- 11
0
票
1
回答
972
閲覧数
canvas内に複数の画像をランダムに散らす
下記のサイトを参考に、落ち葉を降らせるアニメーションを製作中です。
Canvasで桜を降らせてみました | 株式会社オーツー｜スタッフブログ
このサイトの例に習って、１種類の落ち葉を動かすことはできたのですが、
更に、いくつかの別々の葉っぱの画像をランダムに表示させたいと思っています。
例）leaf1.svg,leaf2.svg,leaf3.svg
（サイトの例では、１つの画像を仕様）
...
1
票
1
回答
1,305
閲覧数
pixi.jsでリングが描きたい
pixiを使ってリングの形が描きたいです。
円を描いて、その中を透明な円でくり抜きたいです。
canvasではarcとstrokeを使えばいけますが、pixiではエラーが出てしまいます。
ring = new PIXI.Graphics();
ring.beginPath();
ring.arc(x, y, rad, 0, Math.PI*2, false);
ring.stroke();
...
- 109
2
票
1
回答
3,063
閲覧数
canvas要素を重ねて、重なった部分を透過処理
お世話になります。
<div>
<canvas id="c1">
<canvas id="c2">
</div>
上記の様にcanvas要素を重ねて、c1に背景画像を描写し
c1の上にc2を設置して、この２つが重なった部分を透過した(親DIVの背景色が見える)ような状態を作成することは可能でしょうか。
...
- 21
0
票
2
回答
6,726
閲覧数
Canvasで作った画像をカメラロールに保存する
スマホ向けアプリをhtml5で作っています。
アプリの中でCanvasを使って画像を作成していまして、その画像をiOSのカメラロールに保存する方法が分かりません。
（描写は出来ています）
お絵描きアプリと画像の保存処理の実装
こちらを参考に保存は出来ましたが、保存ディレクトリが希望の物になりません。
（このディレクトリだとサンドボックス内に保存されるので、見ることが出来ません）
...
- 1
5
票
1
回答
236
閲覧数
「img.onload」後に、生成したimgオブジェクトを「img.style.display = 'none';」している理由は？
リンク先の「カラーピッカー」で、「img.onload」後に、「img.style.display = 'none';」しているのですが、どういう意味があるでしょうか？
・コメントアウトしても挙動は同じでした
「display = 'none';」でも、画像は非表示にならないのは…
・canvasに描画したから、imgは不要ということでしょうか？
・imgオブジェクトは、生成しただけなので(...
- 6,862
0
票
1
回答
2,734
閲覧数
HTML5 canvasで、テキストではなく、リンクテキストを描画したい
現状
・テキストなので、リンクを読み込むと、そのまま表示されてしまいます
var ctx = document.getElementById('canvasのID名');
ctx.fillText(text, x, y);
出力結果
<a href="/">スタック・オーバーフロー</a>
質問
・aタグを(リンク機能を保持したまま)...
- 6,862