排版

陈鑫涛
1 parent 91281399
Showing 1 changed file with 16 additions and 6 deletions
src/components/Common/Typesetting/typesetting.js
@@ -277,6 +277,16 @@ const Typesetting = props =&gt; {
   let remaining = isVertical ? commonHeightCheck : commonWidthCheck;
   // const remaining = false;
+  console.log(innerWidth, '盒长');
+  console.log(innerHeight, '盒高');
+  console.log(dFWidthOffset, '首盒纵向偏移');
+  console.log(dFLengthOffset, '首盒横向偏移');
+  console.log(dSWidthOffset,radioValue?.sSWidthOffset, '次盒纵向偏移');
+  console.log(dSLengthOffset,radioValue?.sSLengthOffset, '次盒横向偏移');
+  console.log(boxLengthOffset, '第二列横向偏移');
+  console.log(boxWidthOffset, '第二列纵向偏移');
+  console.log(variabless,'variabless');
+  
   const isOdd = num => {
     return num % 2 !== 0;
@@ -336,7 +346,7 @@ const Typesetting = props =&gt; {
       }}
     >
       <div style={{ transform: `rotateZ(${offsetZ}deg)` }}>
-        {!sSvgPath ? <DynamicSVG {...svgProps} /> : <img src={sSvgPath} width="100%" height="100%" />}
+        {!sSvgPath ? <DynamicSVG {...svgProps} /> : <img src={sSvgPath} width={jInnerWidth} height={jInnerHeight} />}
         {/* <DynamicSVG {...svgProps} /> */}
       </div>
     </div>
@@ -371,11 +381,11 @@ const Typesetting = props =&gt; {
           alignItems: "center",
           position: "absolute",
           left: `${dFLengthOffset + dYBJJ}px`,
-          top: `${iFAngle === 90 || iFAngle === 270 ? 0 : dFWidthOffset + dXBJJ}px`,
+          top: `${iFAngle === 90 || iFAngle === 270 ? dFLengthOffset : dFWidthOffset + dXBJJ}px`,
         }}
       >
         <div style={{ transform: `rotateZ(${iFAngle}deg)` }}>
-          {!sSvgPath ? <DynamicSVG {...svgProps} /> : <img src={sSvgPath} width="100%" height="100%" />}
+          {!sSvgPath ? <DynamicSVG {...svgProps} /> : <img src={sSvgPath} width={ `${iSAngle === 90 || iSAngle === 270 ? jInnerWidth : innerWidth}px`} height={ `${iFAngle === 90 || iFAngle === 270 ? jInnerHeight : innerHeight}px`} />}
         </div>
       </div>
       <div
@@ -387,14 +397,14 @@ const Typesetting = props =&gt; {
           justifyContent: "center",
           alignItems: "center",
           position: "absolute",
-          left: `${isVertical ? dSLengthOffset + dYBJJ : jInnerWidth + dFLengthOffset + dSLengthOffset + dYBJJ}px`,
+          left: `${isVertical ? dSLengthOffset  : innerWidth + dFLengthOffset + dSLengthOffset + dYBJJ}px`,
           top: `${
             isVertical ? jInnerHeight + dXBJJ + dFWidthOffset + dSWidthOffset : iSAngle === 90 || iSAngle === 270 ? dSWidthOffset : dSWidthOffset + dXBJJ
           }px`,
         }}
       >
         <div style={{ transform: `rotateZ(${iSAngle}deg)` }}>
-          {!sSvgPath ? <DynamicSVG {...svgProps} /> : <img src={sSvgPath} width="100%" height="100%" />}
+          {!sSvgPath ? <DynamicSVG {...svgProps} /> : <img src={sSvgPath} width={ `${iSAngle === 90 || iSAngle === 270 ? jInnerWidth : innerWidth}px`} height={`${iSAngle === 90 || iSAngle === 270 ? jInnerHeight : innerHeight}px`} />}
         </div>
       </div>
     </div>
@@ -434,7 +444,7 @@ const Typesetting = props =&gt; {
         {/* <img src={icon} width="100%" height="100%" /> */}
         {/* {isSvg ? <DynamicSVG {...props} /> : <img src={icon} width="100%" height="100%" />} */}
         <div style={{ transform: `rotateZ(${iFAngle}deg)` }}>
-          {!sSvgPath ? <DynamicSVG {...svgProps} /> : <img src={sSvgPath} width="100%" height="100%" />}
+          {!sSvgPath ? <DynamicSVG {...svgProps} /> : <img src={sSvgPath} width={`${innerWidth}px`} height={`${innerHeight}px`} />}
         </div>
       </div>
     </div>