html5-canvas

1熱

2答えて

javascriptにキャンバス内のイメージオブジェクトが占めるピクセルの配列を返す関数がありますか？とにかくキャンバス内のイメージオブジェクトによって占められたピクセルのリストを返すことはありますか？

3熱

3答えて

ARCTO in SVG specificationは、Canvasとはかなり異なっています。私は、SVGの仕様に従ってデータを取得するユースケースを持っていますが、私はそれをCanvasに描画する必要があります。私はこれを試しましたが、私のジオメトリは弱いと思います。あなたは助けてもらえますか？

0熱

1答えて

Canvas.toDataUrl（）を呼び出すときにGIF RLE圧縮を設定する方法はありますか？

私はミニマリストイメージ作成プロジェクトに取り組んでいます。私は、ブラウザ上でアップロードしてサーバー上で使用するイメージを作成する機能が必要です。キャンバスオブジェクトのtoDataUrl（）メソッドを呼び出して、サーバーのイメージデータを作成できました。具体的には、toDataUrl（ 'image/gif'）を呼び出して画像を作成しますが、結果の画像はRLEで圧縮されていません。圧縮された

3熱

2答えて

html5キャンバスの円弧の開始角度と終了角度は何ですか？

私はHTML5を学んだし、私は「円弧上に立ち往生メートル。構文 arc(x, y, radius, startAngle, endAngle, anticlockwise) 私はこのstartAngleの、endAngleは完全にこの2つのパラメータはに計算されているかの円の異なる種類を描く届きません、円弧？

3熱

2答えて

アスペクト比を失うことなくキャンバス上で写真のサイズを変更

こんにちは、すべての助けを受けていただきありがとうございます。私はphonegapアプリを書いており、アスペクトを失うことなく、または誤って画像を切り取ることなく、写真を縮小することはできません。以下の関数では、 "imageData"はカメラが撮影した写真の64ビット文字列です。私は自分のページのキャンバスに画像を描くことができますが、風景の中で撮影された画像は一緒に壊されます。スケール関数や描

1熱

1答えて

Chromeのシェイプとテキスト要素でHTML5のglobalCompositeOperation "xor"を使用する

Googleでは、globalCompositeOperationを使用してシェイプとテキストをシェイプ/ブレンドする際に問題が発生しました。私はChrome 12.0.7を使用しています）。誰かが私がここで迷子になっているかもしれないと示唆したり、キャンバス要素内で回避策を提案することはできますか？ここでhttp://i.stack.imgur.com/wRunv.jpg これらの結果を再現する

0熱

2答えて

キャンバスから画像データを取得できません。私は間違って何をしていますか？

キャンバスからピクセルデータを取得できないようです（Chrome 12）。私は間違って何をしていますか？完全な例。すべてのコンソールログはゼロになります。黒と白のピクセルが混在しています。明確化：ピクセルデータを正しく取得できることをテストするために黒い四角形を描いています。私はいくつか255, 255, 255（白）といくつかは0, 0, 0（黒）を期待します。私は白いピクセルデータしか取得

1熱

2答えて

drawImageを使用してキャンバスに描画されたpng画像の一部を消去するにはclearRectを使用します。

drawImageを使用してキャンバスに描画されたpng画像の一部を削除することはできますか？私はこのような何かをしようとし、その動作していないよ： <canvas id="canvas"></canvas> <img id="pngimg" src="" alt="" /> [...] canvas = document.getElementById("canvas"); pngi

14熱

1答えて

キャンバスで拡大する

テストアプリケーションでは、キャンバスには単純な四角形が付いています。メソッドは、と描画され、100msごとに呼び出されます。コードからわかるように、私はマウスホイールを使ってすべてをスケールしています。何が起きるのは、すべてが拡大縮小されているということです。つまり、矩形が10px、10pxのときに、右にマウスがある場合、尺度変更後に矩形はマウスの下にはありません。（これはもちろん、すべての

1熱

1答えて

html5 canvas要素の変換を再利用できますか？

キャンバスコンテキスト座標空間を特定のバウンディングボックスを含むように変換し、その周りにテストを書いているとします。 function toBoundingBox(context, upleft, botright) { // ... } // and the test function: function test(canvaselement) { var can