ドラッグ アンド ドロップ デザイン ツール ( http://www.cupcard.com/designer-tool/ ) を使用していますが、ユーザーがキャンバスにテキスト要素を追加し、境界線を追加する際に問題が発生しています。キャンバスと境界線は、テキスト要素の位置をプッシュします。
Text 要素をドラッグしてこれを試すことができます。次に、Layout->Border Size に移動し、スライダーをスライドしてサイズを設定すると、キャンバス内の text 要素が押し出されます。
これは、position: relative; があるためです。キャンバス上および位置:絶対; 内側の要素で、内側の要素がキャンバスに対して相対的に配置されるようにします。
Canvas で position: relative を使用している理由は、プロセスの後半で、ユーザーが設計した HTML を印刷可能な .pdf ファイルに変換する必要があるためです。したがって、ユーザーがデザインした要素の位置は、ページ全体に対してではなく、ユーザーがデザインしているカードに対して相対的である必要があります。
ユーザーがコンテンツをプッシュせずに境界線を設定できるように、この問題を解決する方法についてのアイデアはありますか?