画像と写真 · ブラウザー画像 & 描画エディター
編集した画像をエクスポートするときに注釈がピクセルに焼き付けられる仕組み
· 仕組み
画像編集 キャンバス ブラウザ処理
編集中、矢印は移動可能なオブジェクトです。エクスポートした瞬間、通常のピクセルになります。この投稿では、編集モデルとエクスポートされたファイルの違いと、それを受け取る人にとってそれが何を意味するかについて説明します。
矢印はもう移動できません — エクスポートされたスクリーンショットを再度開いて注釈を見つけたときの驚きは、今や絵の一部です
注釈のライフサイクルは、多くのユーザーが予想しているよりも短いです。移動できなくなった矢印から始めます。エクスポートしたスクリーンショットを再度開くと、注釈が画像の一部になります。この平坦化されたマークの説明では、実装ではブラシ マークがアクティブなレイヤーに直接ペイントされ、ポインタが放されたときに線、四角形、楕円のプレビューがレイヤー ピクセルになることが示されています。テキストは配置時にラスタライズされ、再編集することはできません。キャンバスの背後には可動オブジェクト モデルはありません。
四角形、線、テキストを別々のラスター レイヤーに配置し、一度エクスポートしてからダウンロードを再度開き、個々のマークを選択してみてください。セッション中、レイヤーは個別のラスター キャンバスのままですが、表示されている合成レイヤーを 1 つのキャンバスにエクスポートします。受信者は編集オブジェクトではなく複合ピクセルを受信するため、選択できないことは想定内です。
マークは配置されるとピクセルになります。 this editor never stores it as a movable object
注釈のライフサイクルは、多くのユーザーが予想しているよりも短いです。エディター内の 2 つの世界をご覧ください。描画ツールはストロークとテキストを記述し、その下の写真はビットマップです。このフラット化マークの説明では、実装ではテキストが配置時にラスタライズされ、再編集できないことが示されています。キャンバスの背後には可動オブジェクト モデルはありません。 Layers remain separate raster canvases during the session, but export composites visible layers into one canvas.
四角形、線、テキストを別々のラスター レイヤーに配置し、一度エクスポートしてからダウンロードを再度開き、個々のマークを選択してみてください。 PNG, JPEG and WebP downloads are flat raster files, not SVG or a layered project document.受信者は編集オブジェクトではなく複合ピクセルを受信するため、選択できないことは想定内です。
ジェスチャ中の 2 つのラスター サーフェス: レイヤーと一時プレビュー
An annotation's lifecycle is shorter than many users expect. At export time, the editor composites visible raster layers into one flat image rather than shipping a scene graph.このフラット化されたマークの説明では、実装ではセッション中レイヤーは別々のラスター キャンバスのままですが、表示されている合成レイヤーを 1 つのキャンバスにエクスポートすることが示されています。 PNG、JPEG、WebP のダウンロードはフラット ラスター ファイルであり、SVG やレイヤー化されたプロジェクト ドキュメントではありません。
四角形、線、テキストを別々のラスター レイヤーに配置し、一度エクスポートしてからダウンロードを再度開き、個々のマークを選択してみてください。ブラシ マークはアクティブなレイヤーに直接ペイントされますが、線、四角形、楕円のプレビューはポインターを放すとレイヤーのピクセルになります。 The inability to select it is expected because the recipient receives composite pixels rather than editing objects.
エクスポート時に表示ラスター レイヤーを合成する
An annotation's lifecycle is shorter than many users expect.アンチエイリアシングとエッジ ブレンディングをよく見てください。ラスターはピクセル全体の間の範囲を表しているため、ラインの境界には混合色が含まれています。このフラット化されたマークの説明では、PNG、JPEG、および WebP のダウンロードは、SVG やレイヤー化されたプロジェクト ドキュメントではなく、フラットなラスター ファイルであることが実装で示されています。ブラシ マークはアクティブなレイヤーに直接ペイントされますが、線、四角形、楕円のプレビューはポインターを放すとレイヤーのピクセルになります。
四角形、線、テキストを別々のラスター レイヤーに配置し、一度エクスポートしてからダウンロードを再度開き、個々のマークを選択してみてください。テキストは配置時にラスタライズされ、再編集することはできません。キャンバスの背後には可動オブジェクト モデルはありません。受信者は編集オブジェクトではなく複合ピクセルを受信するため、選択できないことは想定内です。
実用的な例: ボックス、矢印、キャプションを含むスクリーンショット - 受信者の閲覧者に見えるものと分離できないもの
注釈のライフサイクルは、多くのユーザーが予想しているよりも短いです。ボックス、矢印、キャプションを含むスクリーンショットを試し、受信者の閲覧者が実際に何を分離できるかを尋ねてください。この平坦化されたマークの説明では、実装ではブラシ マークがアクティブなレイヤーに直接ペイントされ、ポインタが放されたときに線、四角形、楕円のプレビューがレイヤー ピクセルになることが示されています。 Text is rasterised at placement and cannot be re-edited;キャンバスの背後には可動オブジェクト モデルはありません。
四角形、線、テキストを別々のラスター レイヤーに配置し、一度エクスポートしてからダウンロードを再度開き、個々のマークを選択してみてください。セッション中、レイヤーは個別のラスター キャンバスのままですが、表示されている合成レイヤーを 1 つのキャンバスにエクスポートします。受信者は編集オブジェクトではなく複合ピクセルを受信するため、選択できないことは想定内です。
これでカバーされないもの — レイヤー化されたプロジェクト ファイル、SVG などの編集可能なエクスポート、注釈の下でのオリジナルの復元
注釈のライフサイクルは、多くのユーザーが予想しているよりも短いです。境界は重要です。これには、階層化されたプロジェクト ファイル、編集可能な SVG エクスポート、または配置された注釈の下のオリジナルの復元は含まれません。このフラット化されたマークの説明では、実装ではテキストが配置時にラスタライズされ、再編集できないことが示されています。 there is no movable object model behind the canvas.セッション中、レイヤーは個別のラスター キャンバスのままですが、表示されている合成レイヤーを 1 つのキャンバスにエクスポートします。
四角形、線、テキストを別々のラスター レイヤーに配置し、一度エクスポートしてからダウンロードを再度開き、個々のマークを選択してみてください。 PNG, JPEG and WebP downloads are flat raster files, not SVG or a layered project document.受信者は編集オブジェクトではなく複合ピクセルを受信するため、選択できないことは想定内です。
要点: フラットなエクスポートがポイント — ブラウザー画像および描画エディターからエクスポートすると、どこでも開くプレーンな画像がどのように得られるか
注釈のライフサイクルは、多くのユーザーが予想しているよりも短いです。要点は、フラット エクスポートがポイントであるということです。ブラウザ イメージ & 図面エディタでは、移動可能なマークのあるプロジェクト ファイルではなく、プレーンなイメージが提供されます。このフラット化されたマークの説明では、実装ではセッション中レイヤーは別々のラスター キャンバスのままですが、表示されている合成レイヤーを 1 つのキャンバスにエクスポートすることが示されています。 PNG、JPEG、WebP のダウンロードはフラット ラスター ファイルであり、SVG やレイヤー化されたプロジェクト ドキュメントではありません。
四角形、線、テキストを別々のラスター レイヤーに配置し、一度エクスポートしてからダウンロードを再度開き、個々のマークを選択してみてください。ブラシ マークはアクティブなレイヤーに直接ペイントされますが、線、四角形、楕円のプレビューはポインターを放すとレイヤーのピクセルになります。 The inability to select it is expected because the recipient receives composite pixels rather than editing objects.