Files

questions / element / drawingGallery / question.html
Edit Download
<pl-question-panel>

<div class="d-flex flex-wrap column-gap-3">
<pl-drawing grid-size="0" width="200" height="200">
  <pl-drawing-initial>
    <pl-drawing-group visible="true">
      <pl-drawing-group visible="true">
       <pl-rectangle x1="100" y1="100" height="160" width="100" color="#091989"></pl-rectangle>
       <pl-rectangle x1="100" y1="50" height="20" width="70" color="#FF6F00" stroke-color="#FF6F00"></pl-rectangle>
      </pl-drawing-group>
      <pl-drawing-group visible="true">
       <pl-rectangle x1="100" y1="150" height="20" width="70" color="#FF6F00" stroke-color="#FF6F00"></pl-rectangle>
       <pl-rectangle x1="100" y1="100" height="90" width="20" color="#FF6F00" stroke-color="#FF6F00"></pl-rectangle>
      </pl-drawing-group>
    </pl-drawing-group>
  </pl-drawing-initial>
</pl-drawing>

<pl-drawing width="200" height="200">
    <pl-drawing-initial>
        <pl-coordinates x1="60" y1="80" label="0" angle="30"></pl-coordinates>
    </pl-drawing-initial>
</pl-drawing>

<pl-drawing width="200" height="200">
    <pl-drawing-initial>
        <pl-line x1="60" y1="80" x2="140" y2="120"></pl-line>
    </pl-drawing-initial>
</pl-drawing>

<pl-drawing width="200" height="200">
    <pl-drawing-initial>
        <pl-line x1="0" y1="80" x2="60" y2="80" stroke-color="red"></pl-line>
        <pl-arc x1="60" y1="120" radius="40" start-angle="270" end-angle="0" stroke-color="green"></pl-arc>
        <pl-line x1="100" y1="120" x2="100" y2="200" stroke-color="blue"></pl-line>
    </pl-drawing-initial>
</pl-drawing>

<pl-drawing width="200" height="200">
    <pl-drawing-initial>
        <pl-point x1="60" y1="120" label="A"></pl-point>
        <pl-point x1="160" y1="60" label="B"></pl-point>
    </pl-drawing-initial>
</pl-drawing>

<pl-drawing width="200" height="200">
    <pl-drawing-initial>
        <pl-rod x1="60" y1="80" x2="120" y2="100"></pl-rod>
    </pl-drawing-initial>
</pl-drawing>

<pl-drawing width="200" height="200">
    <pl-drawing-initial>
        <pl-3pointrod x1="40" y1="100" x2="100" y2="100" x3="100" y3="180"></pl-3pointrod>
    </pl-drawing-initial>
</pl-drawing>

<pl-drawing width="200" height="200">
    <pl-drawing-initial>
        <pl-4pointrod></pl-4pointrod>
    </pl-drawing-initial>
</pl-drawing>

<pl-drawing width="200" height="200">
    <pl-drawing-initial>
        <pl-collar-rod x1="60" y1="100" x2="160" y2="100"></pl-collar-rod>
    </pl-drawing-initial>
</pl-drawing>

<pl-drawing width="200" height="200">
    <pl-drawing-initial>
        <pl-fixed-pin x1="100" y1="100"></pl-fixed-pin>
    </pl-drawing-initial>
</pl-drawing>

<pl-drawing width="200" height="200">
    <pl-drawing-initial>
        <pl-roller x1="60" y1="100"></pl-roller>
        <pl-fixed-pin x1="140" y1="100" color="green1"></pl-fixed-pin>
    </pl-drawing-initial>
</pl-drawing>

<pl-drawing width="200" height="200">
    <pl-drawing-initial>
      <pl-roller x1="140" y1="100" width="40" color="gray1"></pl-roller>
      <pl-rod x1="40" y1="100" x2="140" y2="100" draw-pin="false"></pl-rod>
      <pl-clamped x1="40" y1="100" height="60" width="20"></pl-clamped>
    </pl-drawing-initial>
</pl-drawing>

<pl-drawing width="200" height="200">
    <pl-drawing-initial>
        <pl-pulley x1="100" y1="150" x2="20" y2="120" x3="140" y3="60" radius="40"></pl-pulley>
        <pl-pulley x1="50" y1="40" x2="50" y2="100" x3="160" y3="40" color="blue1"></pl-pulley>
    </pl-drawing-initial>
</pl-drawing>

<pl-drawing width="200" height="200" grid-size="20">
    <pl-drawing-initial>
        <pl-spring x1="50" y1="40" width="140" draw-pin="true"></pl-spring>
        <pl-spring x1="20" y1="80" angle="20" width="120" height="20" interval="5"></pl-spring>
        <pl-spring x1="20" y1="160" width="30" height="20" stroke-color="purple3"></pl-spring>
    </pl-drawing-initial>
</pl-drawing>

  <pl-drawing width="200" height="200" grid-size="20">
      <pl-drawing-initial>
          <pl-coil x1="50" y1="40" draw-pin="true"></pl-coil>
          <pl-coil x1="20" y1="100" angle="20" width="120" height="80"></pl-coil>
          <pl-coil x1="20" y1="180" width="40" height="20" stroke-color="purple3"></pl-coil>
      </pl-drawing-initial>
  </pl-drawing>

<pl-drawing width="200" height="200">
    <pl-drawing-initial>
        <pl-rod x1="60" y1="100" x2="120" y2="40"></pl-rod>
        <pl-dimensions x1="60" y1="100" x2="120" y2="40"></pl-dimensions>
        <pl-dimensions x1="60" y1="100" x2="120" y2="40" dim-offset="-40" stroke-color="brown" start-support-line="true" end-support-line="true" label="b"></pl-dimensions>
        <pl-dimensions x1="60" y1="100" x2="120" y2="40" dim-offset="60" dim-offset-angle="0" stroke-color="blue3" start-support-line="true" end-support-line="true" label="\\alpha"></pl-dimensions>
        <pl-dimensions x1="60" y1="100" x2="120" y2="40" dim-offset="100" dim-offset-angle="-90" stroke-color="green3" label="d"></pl-dimensions>
        <pl-dimensions x1="60" y1="100" width="60" stroke-color="pink3" label="a"></pl-dimensions>
    </pl-drawing-initial>
</pl-drawing>

<pl-drawing width="200" height="200">
    <pl-drawing-initial>
        <pl-fixed-pin x1="80" y1="100" angle="50" color="turquoise1"></pl-fixed-pin>
        <pl-coordinates x1="80" y1="100" width="80"></pl-coordinates>
        <pl-arc-dimensions x1="80" y1="100" end-angle="50" label="\\theta" offsetx="10" end-support-line="true" stroke-color="blue"></pl-arc-dimensions>
      </pl-drawing-initial>
</pl-drawing>

<pl-drawing width="200" height="200">
    <pl-drawing-initial>
        <pl-coordinates x1="80" y1="100" width="80"></pl-coordinates>
        <pl-arc-dimensions x1="80" y1="100" radius="40" start-angle="180" end-angle="-150" offsetx="-10" label="a" start-support-line="true" end-support-line="true"></pl-arc-dimensions>

    </pl-drawing-initial>
</pl-drawing>

<pl-drawing width="200" height="200">
    <pl-drawing-initial>
        <pl-point x1="100" y1="100"></pl-point>
        <pl-line x1="20" y1="20" angle="45" width="240" dashed-size="4" stroke-width="1"></pl-line>
        <pl-vector x1="100" y1="100" width="80" angle="45" label="F"></pl-vector>
        <pl-vector x1="100" y1="100" width="80" angle="45" color="green3" anchor-is-tail="false"></pl-vector>
    </pl-drawing-initial>
</pl-drawing>

<pl-drawing width="200" height="200">
    <pl-drawing-initial>
        <pl-double-headed-vector x1="40" y1="120" width="120" color="blue" angle="-30" label="T"></pl-double-headed-vector>
    </pl-drawing-initial>
</pl-drawing>

<pl-drawing width="200" height="200">
    <pl-drawing-initial>
        <pl-arc-vector x1="80" y1="80" label="M" offsety="10" radius="60" stroke-width="2"></pl-arc-vector>
    </pl-drawing-initial>
</pl-drawing>

<pl-drawing width="200" height="200">
    <pl-drawing-initial>
        <pl-distributed-load x1="50" y1="40" width="60"></pl-distributed-load>
        <pl-distributed-load x1="100" y1="160" width="80" w1="0" w2="40" color="green3" anchor-is-tail="false" stroke-width="2"></pl-distributed-load>
        <pl-distributed-load x1="160" y1="60" width="80" w1="30" w2="60" angle="90" color="brown"></pl-distributed-load>
    </pl-drawing-initial>
</pl-drawing>

<pl-drawing width="200" height="200">
    <pl-drawing-initial>
        <pl-controlled-line x1="40" y1="40" x2="120" y2="80" draw-error-box="true" offset-tol-x="20"></pl-controlled-line>
        <pl-controlled-line x1="60" y1="140" x2="160" y2="140" color="blue" stroke-width="6" handle-radius="8"></pl-controlled-line>
    </pl-drawing-initial>
</pl-drawing>

<pl-drawing width="200" height="200">
    <pl-drawing-initial>
        <pl-controlled-curved-line x1="20" y1="20" x2="160" y2="20" x3="40" y3="140" draw-error-box="true" offset-control-tol-x="20" offset-control-tol-y="30"></pl-controlled-curved-line>
    </pl-drawing-initial>
</pl-drawing>

<pl-drawing width="200" height="200">
    <pl-drawing-initial>
        <pl-triangle x1="40" y1="180" x2="160" y2="180" x3="160" y3="40"></pl-triangle>
    </pl-drawing-initial>
</pl-drawing>

<pl-drawing width="200" height="200">
    <pl-drawing-initial>
        <pl-rectangle x1="80" y1="50" width="100" height="40"></pl-rectangle>
        <pl-rectangle x1="120" y1="140" width="120" height="20" angle="30" color="pink1"></pl-rectangle>
    </pl-drawing-initial>
</pl-drawing>

<pl-drawing width="200" height="200">
    <pl-drawing-initial>
        <pl-circle x1="40" y1="100" radius="30"></pl-circle>
        <pl-circle x1="120" y1="100" radius="50" color="gray2" stroke-color="gray3" stroke-width="3"></pl-circle>
    </pl-drawing-initial>
</pl-drawing>

<pl-drawing width="200" height="200">
    <pl-drawing-initial>
        <pl-polygon plist="{{params.polygon}}" color="yellow2"></pl-polygon>
    </pl-drawing-initial>
</pl-drawing>

<pl-drawing width="200" height="200">
    <pl-drawing-initial>
        <pl-polygon plist='[{"x": 40, "y": 40}, {"x": 140,"y": 80}, {"x": 60,"y": 180}]'></pl-polygon>
    </pl-drawing-initial>
</pl-drawing>

<pl-drawing width="200" height="200" grid-size="0">
    <pl-drawing-initial>
        <pl-text x1="20" y1="40" label="Moment of inertia:" latex="false"></pl-text>
        <pl-text x1="20" y1="80" label="\\int_A y^2 dA"></pl-text>
    </pl-drawing-initial>
</pl-drawing>

<pl-drawing width="200" height="200" grid-size="20">
    <pl-drawing-initial>
        <pl-capacitor x1="20" y1="40" x2="140" y2="40" label="20\\mu C"></pl-capacitor>
        <pl-capacitor x1="40" y1="180" x2="180" y2="100" stroke-color="blue" label="4\\mu C"></pl-capacitor>
    </pl-drawing-initial>
</pl-drawing>

<pl-drawing width="200" height="200" grid-size="20">
    <pl-drawing-initial>
        <pl-resistor x1="20" y1="40" x2="140" y2="40" label="2\\Omega"></pl-resistor>
        <pl-resistor x1="40" y1="80" x2="180" y2="120" stroke-color="red" label="14\\Omega"></pl-resistor>
        <pl-resistor x1="80" y1="160" height="30" stroke-color="purple" label="30\\Omega" offsety="25"></pl-resistor>
    </pl-drawing-initial>
</pl-drawing>

<pl-drawing width="200" height="200" grid-size="20">
    <pl-drawing-initial>
        <pl-battery x1="20" y1="40" x2="140" y2="40" label="10 V"></pl-battery>
        <pl-battery x1="40" y1="120" angle="30" width="80" stroke-color="red" label="20 V"></pl-battery>
    </pl-drawing-initial>
</pl-drawing>

<pl-drawing width="200" height="200" grid-size="20">
    <pl-drawing-initial>
        <pl-switch x1="20" y1="20" x2="140" y2="20" label="A"></pl-switch>
        <pl-switch x1="180" y1="60" angle="90" width="120" label="B" stroke-color="blue"></pl-switch>
        <pl-switch x1="20" y1="120" angle="20" width="120" switch-angle="45" label="S_1" draw-pin="false"></pl-switch>
        <pl-switch x1="20" y1="100" angle="0" width="120" switch-angle="0"></pl-switch>
    </pl-drawing-initial>
</pl-drawing>

<pl-drawing width="200" height="200" grid-size="20">
    <pl-drawing-initial>
        <pl-inductor></pl-inductor>
        <pl-inductor x1="40" y1="80" x2="180" y2="120" stroke-color="red" label="4 H"></pl-inductor>
        <pl-inductor x1="30" y1="160" width="140" interval="60" height="30" stroke-color="purple" label="2 H"></pl-inductor>
    </pl-drawing-initial>
</pl-drawing>

</div>

</pl-question-panel>