問題タブ [canvas]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票する
2 に答える
6410 参照

c# - Canvasを使用して、C#/WPFで別のキャンバスをマスクします

私はいくつかのWPF/C#を学習しているので、この質問は一部の人にとってはばかげているかもしれませんが、解決策を見つけることができません。

私はCanvas(テキストを数えるとしましょう)を持っていて、次にマスクとして使用したい別のCanvasを持っています(この2番目のCanvasのすべてが最初のCanvasをマスクします)。

どうやってやるの?2番目のキャンバスが動いている場合はどうなりますか?2番目のキャンバス(マスク)のスケールを変更して、最初のキャンバス(コンテンツ)のコンテンツを「公開」したいと思います。

前もって感謝します!

編集:キャンバスの代わりに長方形のようなものを使用できる場合(サイズが変更可能になり次第)、それも問題ありません!

編集2:これが私が使用しているコードです:

0 投票する
2 に答える
12734 参照

wpf - WPF キャンバスの完全な中心

キャンバスには配置のために上/左が必要なので、何かを中央に配置したい場合は、適切な Canvas.Top に Horizo​​ntalAlignment="Center" でグリッドを追加するのが最善の方法ですか、それとももっと良い方法がありますか?

このスニップは 150X300 のキャンバスで、一部のコンテンツがグリッドの中央に配置されています ....

0 投票する
5 に答える
49757 参照

c# - Canvas の Children プロパティを XAML でバインドすることは可能ですか?

XAML を介して Canvas.Children のバインドを設定できないことに少し驚いています。次のようなコード ビハインド アプローチに頼る必要がありました。

次のように、XAML でバインドを設定するだけです。

コード ビハインド アプローチに頼らずにこれを達成する方法はありますか? この件についてグーグルで調べましたが、この特定の問題についてはあまり思いつきませんでした。

ビューにそれがビューモデルであることを認識させることによって、私の素敵なモデル-ビュー-ビューモデルを台無しにするので、私は現在のアプローチが好きではありません。

0 投票する
2 に答える
2493 参照

apache-flex - そのようなコードをどこに配置するか? (中の図)

私は 2 つのキャンバス A と B を持っています。A は B の子です。A は、そのベースにいくつかの UI コンポーネントを追加するなど、いくつかのユーザー アクションによってサイズを変更できます。A は、子 A が大きくなりすぎた場合にスクロール ハンドルを表示する必要がある別の親キャンバス B によって境界付けられます。

A の幅と高さは B と同じ (または非常に近い) にしたいのですが、A の計算された幅と高さは B の幅と高さよりも小さくなります。

A の w または h が B の w または h よりも大きくなると、A が大きくなり、B にスクロールが表示されます。私はそれが一種の明確であることを願っています。

私の質問は、そのようなロジックをどこでどのように行うことができるでしょうか?

キャンバス図 http://www.picimg.com/uploads/18cd2277adde7d50da2bc708075f4fac.png

0 投票する
1 に答える
1676 参照

c# - C#/WPF でウィンドウ/キャンバスのすべての要素をマスクする

Windows/Canvas のすべての要素 (サブキャンバス/要素を含む) をカバーするマスクを作成するにはどうすればよいですか?

前もって感謝します

編集:マスクを作成した、さらにコントロール/要素/その他を追加したいと思います。それは大丈夫ですか?どのように?

0 投票する
2 に答える
9385 参照

javascript - HTML Canvas 要素から画像データを生成する

HTML キャンバス要素のコンテンツから画像データを生成する最良の方法は何ですか?

サーバーに送信できるように画像データを作成したいです(ユーザーが直接ファイルに保存できる必要はありません)。画像データは、PNG や JPEG などの一般的な形式である必要があります。

複数のブラウザーで正しく動作するソリューションが優先されますが、すべてのソリューションがブラウザーに依存している場合は、Firefox の最近のバージョンをターゲットにする必要があります。

0 投票する
15 に答える
706113 参照

javascript - HTMLキャンバスをgif/jpg / png / pdfとしてキャプチャしますか?

HTMLキャンバスに表示されているものを画像またはPDFとしてキャプチャまたは印刷することは可能ですか?

キャンバスを介して画像を生成し、その画像からpngを生成できるようにしたいと思います。

0 投票する
4 に答える
3442 参照

delphi - Delphiを使用して部分的に透明な画像をPDFキャンバスに印刷するにはどうすればよいですか?

私のプログラムは、いくつかの画像を含む(かなり複雑な)フォームをプリンターに出力する必要があります。私は現在Printer.Canvas、PDFプリンター(PDF995)を選択した後、Delphi(2006)を使用してこれを行っています。これは御馳走のように機能します。

ただし、現在問題が発生しています。部分的に透明な画像が1つあり、他の要素(境界線、背景など)の上に配置する必要があり、そのテキストの一部は画像の一部から見えます。

通常の画面でこれを行うと、プロパティを使用Canvasして通常TBitmapのsで正常に機能しTransparentColorます。ただし、これをプリンターで実行しようとすると、常に機能するとは限りません。PDFプリンターでこれを試してみると、機能しません。背景が黒くなるか、(これまでのところ最良の結果)白になりますが、その下にあるものはすべて上書きされます。

アルファ透明度(別名半透明度)のPNG画像をWord文書に挿入し、それを上記のPDFプリンターに送信することで、同じ結果を達成しようとしました。半透明は消えますが、ピクセルの透明度は維持されます。少なくとも、どういうわけか可能であるはずです。

誰もが方法を知っていますか?

0 投票する
4 に答える
1918 参照

android - Android:Canvasのコンテンツを効率的にスクロールしますか?

リアルタイムで更新されるグラフを描きたい(右から大きくなる)。私が考えることができる最も効率的な方法は、x [0 .. width-2]から1ピクセル左にすべてをコピーしてから、x[width-1]に新しい値を描画することです。

私はAndroidの経験がほとんどありませんが、私が知る限り、Canvasはそのコンテンツをまったく操作していません。毎回画面全体を塗り直す必要がありますか?これにはスケーリングとスムージングが含まれるため、遅くなるのではないかと心配しています。

バイト[][]に描画し、これを使用して画面にペイントする必要がありますか(毎回バッファの内容を左にシフトします)?

0 投票する
7 に答える
23118 参照

jquery - ExcanvasをIE8で動作させることは可能ですか?

以前は「BeautyTips」という名前のjQueryプラグインで作業していましたが、問題なく動作していました。しかし、IE 8をインストールしたので、IEにベクトルや画像などを描画させるには、Excanvasが必要なため、このプラグインは機能しなくなります。

新しいバージョンのExcanvasをダウンロードしようとしましたが、まったく機能しません...