Question

我想在织物js中使这个动态模式与用户交互，例如，如果他按下Ctrl并用鼠标选择对象我想要改变图案属性，所以我可以在图案内移动和缩放图像。 http://fabricjs.com/dynamic-patterns 任何想法谢谢

Answer 1

这应该这样做（按住Ctrl键并用鼠标选择对象）：

＆＃13;

canvas {
  outline: none;
}

＆＃13;

<script src="//cdnjs.cloudflare.com/ajax/libs/fabric.js/1.4.0/fabric.min.js"></script>
<canvas tabindex="1" id="c" width="440" height="440"></canvas>

＆＃13;

<md-toolbar style="padding: 8px" color="primary">
    Inside the toolbar
</md-toolbar>

<md-sidenav-container style="
    position: fixed;
    height: 100%;
    min-height: 100%;
    width: 100%;
    min-width: 100%;">
  <md-sidenav>
    Inside the Sidebar
  </md-sidenav>

  <div>
    <router-outlet ></router-outlet>
  </div>
</md-sidenav-container>

＆＃13;

如果您有任何其他问题，请与我们联系。

使用结构js的交互式动态模式（使用鼠标事件更改模式属性（高度，左侧，顶部....）

1 个答案: