問題タブ [sketching]

手描き/スケッチ形式の Visio ステンシルを提案してくれる人はいますか? すなわち、手描きのスケッチのように見えるもの。実際の手描きのスケッチではなく、UI スケッチをクライアントに提示できると、非常に印象的な手描きツールを使用して作成された Web UI ワイヤー フレームを見たことがあります。

鉛筆と紙が私が今使っているツールであると提案するのではなく、誰かがツールを提案できると本当に助かります.

ありがとう

フリーハンド スケッチを実装しようとしています (鉛筆のように見えるはずです)。私はいくつかの調査を行いましたが、インターネット上でこれに関する情報がほとんどないことに驚いています. 私が得た最良の情報は、Photoshop で描画し、結果を観察することでした。Photoshop は次のように機能すると思います。

1) 各ブラシには独自のピクセル マップがあり、各ピクセルの不透明度を示します 2) 設定 (太さ、色など) が描画前にこのピクセル マップに適用されます 3) マウスを押すと、Photoshop はポインタの下のピクセルをゆっくりと塗りつぶし始めます不透明度が指定されたピクセル マップに従って 4) 高速に描画する場合 (2 つのマウス フレーム間の距離が塗りつぶし比率よりも大きい場合)、Photoshop は何らかの方法でブラシを補間し、均一に見えるようにします。よくわかりませんが、線が規則的に見えないため、パターンに何らかの変換が適用されていると思います.

私が実装したいもう 1 つの効果は、鉛筆が持ち上がる前に (鉛筆の速度に基づいて) 線が細くなることです。

以下に関するヒントをいただければ幸いです: 1) Photoshop ブラシ (または同様のツール) がどの程度正確に機能するか 2) 類似のことを行うオープンソース ツール 3) 検索するキーワード (どうやら私は間違った言葉でググっているようです)

ここに、調査プロセスで見つけたリンクがあります (残念ながらクローズド ソース): http://www.youtube.com/watch?v=3RPphJxxscY

2Dポイントの入力を前提として、それらを線分に分割したいと思います。したがって、ジグザグスタイルの線を描画する場合は、各セグメントが線として認識される必要があります。通常、私はOpenCVのcvHoughLinesまたは同様のアプローチ（外れ値リムーバーを使用したPCA）を使用しますが、この場合、プログラムは「誤検知」エラーを発生させることはできません。ユーザーが線を引いて認識されない場合（問題ありませんが、ユーザーが曲線を描いて正方形として表示される場合）は問題ありません。したがって、エラーには上限がありますが、それが長い線であり、一部の点が近似線からの距離が遠い場合は、再び問題ありません。要約する：

-ライン検出-誤検知なし-制限付き、動的に調整されるエラー

ああ、そしてポイントは手描きのように順番に描かれます。

少なくとも、高速である必要はありません。スケッチツール用です。誰かアイデアがありますか？

生の手描きスケッチに基づいて、オブジェクトの 3D 形状を再構築したいと考えています。スケッチにはオブジェクトの目に見えない線も含まれており、既存の (都市の) 3D シーンの上に描画されます。都市の他のオブジェクトとの一致に基づいて、いくつかの 3D ポイントを復元できる可能性があります。

再構築された形状は 100% 正確である必要はなく、多少の不正確さは許容されます。曲線や曲面は含まれず、単純なポリゴンのみが含まれます。

このトピックを見つけました：

紙の上の 2D スケッチを処理して 3D オブジェクトを生成する

しかし、私の場合とは対照的に、問題はまったく制約されていないようです。私はいくつかの論文も読みましたが、最新のもので最も説明的なものは次のとおりです 。

この論文では、制約 (平行線、平行面、対称性、最小距離など) に基づくアルゴリズムを実装しています。しかし、利用可能な実装はありません...

高速でダーティな並列化アルゴリズムを実装したいのですが、開始するコードが見つからないようです...ヒントや既存の実装へのリンクをいただければ幸いです。難しい問題であることは承知していますが、解決するのは不可能ではないと確信しています。

イメージをキャンバスに描画し、ユーザーがその上に sketch.js でスケッチを描画できるようにしたいと考えています。現在の状況は次のとおりです。

そのため、両方の関数を正しく作成しましたが、その間の部分について混乱しています。イメージをキャンバスにスケッチを描きたいと思っています。これが私のコードです：

index.html:

canvas.js:

私は自分のアプリでペイントに取り組んできました。正常に動作します。私が必要とするのは、ユーザーが影付きの絵や影の図のようなものを描きたい場合、影付きのボタンをクリックすると、影付きの図を描くことができる必要があるということです。これを行う方法？

ビデオ : Android の陰影のある絵

この上のビデオのように、ユーザーは影付きの絵を描くことができる必要があります。私はこれについて多くのことをグーグルで調べました。私が見つけたリンクはありません:(

このアプリのリンク、例、記事はありますか?

アイデアや提案をいただければ幸いです。

SVG形式のパターンのコレクションをオンラインで持っています。 grid.kevinbock.de

今、オンラインでペイントして、少なくともSVGで「onclick = fill」のもので領域を埋めるのはクールだと思いました...

まさにこれに関するチュートリアルを見つけることができず、このためのコードを設定する方法を手伝ってくれるかどうか疑問に思っています...

SVG 形式のグリッドの例を次に示します。

さらなる質問は次のとおりです。グリッドに線を描画するときにスナップのようなものを取得する可能性はありますか? ベクトルポイントの近く？「戻る/元に戻す」ボタンを挿入してファイルを保存する方法はありますか?

いくつかの画像がありますが、ドロップボックスの画像のようにする必要があります。これどうやってするの？利用可能なソフトウェアはありますか？

自分のイメージはこうありたい、

https://dt8kf6553cww8.cloudfront.net/static/images/index/1-vflbLvAPq.png

https://dt8kf6553cww8.cloudfront.net/static/images/index/2-vflawKxYX.png