PV (蛋白质查看器)与Vue.js的集成
PV (蛋白质查看器)与Vue.js的集成
提问于 2020-03-08 15:03:19
我正在尝试使用PV在Vue组件中显示一个蛋白质。然而，我没有运气在实际显示的蛋白质。画布保持空白，然而，与正确的颜色背景，设置在PV选项。
在控制台中，显示了以下信息--我相信PV相信它的绘图，我只是不确定它在哪里：
bio-pv.js?2f7e:8479 Mol.deriveConnectivity: 27.666015625ms
bio-pv.js?2f7e:9415 imported 1 chain(s), 295 residue(s)
bio-pv.js?2f7e:9465 pdb: 80.593994140625ms
bio-pv.js?2f7e:5342 cartoon: 55.198974609375ms下面是试图使用PV的单个页面组件的片段。
<template>
<div>
<div id="pvpanel" ref="pvpanel"></div>
</div>
</template>
<script>
import pv from "bio-pv";
export default {
name: "ProteinViewPanel",
mounted: function() {
let viewPanel = this;
this.$nextTick().then(function() {
let viewer = pv.Viewer(viewPanel.$refs.pvpanel, {
width: 600,
height: 600,
antialias: true,
quality: "medium",
background: "black"
});
viewer.on("viewerReady", function() {
pv.io.fetchPdb(`./api/downloadpdbs/1cqw`, protein => {
viewer.cartoon("mol", protein);
});
});
},
};
</script>回答 1
Stack Overflow用户
回答已采纳
发布于 2020-03-08 15:28:33
蛋白质被放大得太远了。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/60588785
复制相关文章
相似问题
腾讯云开发者
