Question

当我尝试翻译第一个绘图并保持第二个绘图时，第二个绘图也会移动，所以我试图将第二个绘图固定在指定位置，并且只在我更改第一个平移函数的值时翻译第一个绘图。

我的代码： -

＆＃13;

def forward(self, x):
    x = F.relu(self.input_layer(x))
    x = F.dropout(F.relu(self.hidden_layer(x)),training=self.training)
    x = self.output_layer(x)
    return x

＆＃13;

Answer 1

＆＃13;

<html>
  <body>
    <canvas id="myCanvas" width="300" height="150" style="border:1px solid 
      #d3d3d3;">
     Your browser does not support the HTML5 canvas tag.
   </canvas>
   <script>
     var c = document.getElementById("myCanvas");
     var ctx = c.getContext("2d");
  
     ctx.translate(10,10);
     ctx.fillRect(70,40,44,30);
     ctx.rotate(20*Math.PI/180);
     ctx.fillRect(10,10,40,30);
  </script>
 </body>
 </html>

＆＃13;

Answer 2

<html>
  <body>
    <canvas id="myCanvas" width="300" height="150" style="border:1px solid 
      #d3d3d3;">
     Your browser does not support the HTML5 canvas tag.
   </canvas>
   <script>
     var c = document.getElementById("myCanvas");
     var ctx = c.getContext("2d");
     ctx.save();
     ctx.translate(10,10);
     ctx.fillRect(70,40,44,30);
     ctx.restore();
     ctx.fillRect(10,10,40,30);
  </script>
 </body>
</html>

您可以使用save()和restore()。在完成之前，在完成之前保存画布状态，请将其恢复。

如何翻译和旋转html 5中的绘图而不影响另一个绘图？

2 个答案: