gpt4 book ai didi

jquery - 更改库 graphdracula 中的字体大小

转载 作者:行者123 更新时间:2023-11-28 09:49:37 25 4
gpt4 key购买 nike

我有一个 asp.net mvc4 应用程序,我想在其中添加一个 treeview 。所以我使用了这个 Jquery 库:graphdracula

<html>
<head>
<script type="text/javascript" src="~/Content/Scripts/raphael-min.js"></script>
<script type="text/javascript" src="~/Content/Scripts/dracula_graffle.js"></script>
<script type="text/javascript" src="~/Content/Scripts/dracula_graph.js"></script>
<script type="text/javascript" src="~/Content/Scripts/dracula_algorithms.js"></script>
<script type="text/javascript">
$(document).ready(function () {
var width = $(document).width() -500;
var height = $(document).height();
var g = new Graph();
g.edgeFactory.template.style.directed = true;

@for(int i =0;i < @Model[1].Count; i+=2){
@: g.addEdge("@Html.Raw(@Model[1][i])","@Html.Raw(@Model[1][i+1])");

}
var layouter = new Graph.Layout.Ordered(g, topological_sort(g));
var renderer = new Graph.Renderer.Raphael('canvas', g, width, height);

});
</script>
</head>
<body>

<div id="canvas"></div>
</body>
</html>

结果是:

img

我需要将边缘标题的字体大小修改为 18px ,我找不到修改标签值的代码段。

我怎样才能修改代码?在哪里可以找到目标代码?

最佳答案

您需要使用自定义节点渲染函数,如 the documentation 中所述.

这是我本地测试页面中的重要代码:

var g = new Graph();

var render = function(r, n) {
var color = Raphael.getColor();
var set = r.set().
push(r.ellipse(n.point[0], n.point[1], 30, 20).attr({fill: color, stroke: color, "stroke-width": 2})).
push(r.text(n.point[0], n.point[1] + 30, n.label || n.id).attr({"font-size": "18px"}));
return set;
};

/* add a simple node */
g.addNode("strawberry", { render : render });
g.addNode("cherry", { render : render });

关于jquery - 更改库 graphdracula 中的字体大小,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/19161941/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com