纸对话英雄动画

Question

我有一个标准paper-toolbar，其中包含一个启动对话框的设置按钮。一切都按预期工作。我想缩放从/到按钮而不是屏幕中心的对话框的动画。不确定如何利用英雄动画来获取行为？感谢任何帮助。

<paper-toolbar>
<span class="title">Heading</span>
<paper-button on-click="showDialog">Settings<iron-icon icon="settings" style="margin-left:5px"></iron-icon></paper-button>
</paper-toolbar>


<paper-dialog id="dialog" modal entry-animation="scale-up-animation" exit-animation="scale-down-animation">

showDialog: function () {
                var dialog = document.getElementById("dialog");
                if (dialog) {
                    dialog.open();
                }
            }