html5-canvas

0熱

1答えて

Reactに `HTMLCanvasElement`をレンダリングするには？

私は、ビデオのサムネイルを作成し、それをHTMLCanvasElementとして返すユーティリティを持っています。 render() { return ( <div className='video-thumbnail'> {this.props.videoThumbnailCanvas} </div> ); } をしかし、私は、私はエラ

2熱

1答えて

既存の画像の上部にキャンバスにPHP gdで作成した画像を配置する方法

JavaScriptを使用してpng画像をアップロードした後、その場所の上にaを挿入する機能をウェブサイトに作成しようとしています。透明な円を持つPHP gdを使った新しいpngimage。下の画像が表示されます。うまくいけば、imagecopymerge関数を使ってそれらを一緒にマージします。ユーザの画像やPHPのgdイメージをデータベースに保存しなくても、AJAXを使ってこれをすべて行うことが

1熱

1答えて

変数を変更するために 'onchange'を使用するHTML入力範囲

範囲のスライダを使用して円の半径を変更したいのですが、変数を変更したときにキャンバスに円を描くことはできません範囲のスライダ - 誰でも私が間違ってしまった場所を修正できますか？コード： <!DOCTYPE html> <html> <head> <link rel='stylesheet' type='text/css' href='StylesheetSlider.c

1熱

1答えて

Qt（QML）破線の円

QMLに半円を描く方法はありますか？私はこのよう var Circle = getContext("2d"); Circle.save(); var CircleGradient = Circle.createLinearGradient(parent.width/4,parent.height,parent.width/4,0); CircleGradi

0熱

1答えて

なぜtoDataUrl（）乗数はFabric.jsで私にとってうまくいかないのですか？

私は画像を拡大表示できるFabric.js Canvasを持っており、キャンバスのサイズを変更することなくフルサイズの画像を保存したいと考えています。したがって、toDataURLメソッドでの倍数パラメータを使用しています。乗数の値を1に設定すると、期待どおりに動作しますが、それ以外の値は正しいサイズの画像を返しますが空白になります。私のコードはこれです： fabric.Image.from

2熱

2答えて

状態がReactで変更されるたびに、キャンバスリロードの一部を持たない方法はありますか？

このキャンバスページにreact-colorモジュールを追加しました。ユーザーが色を選択すると、strokeStyleはその色に正しく変更されますが、キャンバス全体がリセットされて空白のスレートになります。これを変更する方法はありますか？色自体は変わりますが、キャンバスはリセットされません。私はshouldComponentUpdateを追加しようとしましたが、色が全く変わらないようにしました。

0熱

2答えて

垂直ライン分のピクセルを削除する

幅10ピクセル、画像の高さの縦線を削除しようとしています。キャンバスを使用しています。私は画像をロードできないので、これをjsfiddleに投稿できません。 var canvas = document.createElement("canvas"); canvas.height = 200; canvas.width = 200; Caman(canvas, "studipo.jpg",

0熱

1答えて

キャンバスの作成中にIEのInvalidStateErrorが発生する

アップロードした動画からサムネイル画像を作成しようとしています。これはchromeとfirefoxの作業ファイルですが、IEで同じコードを実行すると例外がスローされますInvalidStateError。私は同じ問題がhereと尋ねられましたが、すべてプレロードされたビデオを使用していました。私の場合は、ファイル入力を使用してビデオをアップロードする必要があります。あなたはCURRENTTI