更改库 graphdracula 中的字体大小
Posted
技术标签:
【中文标题】更改库 graphdracula 中的字体大小【英文标题】：Changing a font size in the library graphdracula 【发布时间】：2013-10-10 07:31:47 【问题描述】：我有一个 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>
结果是：
我需要将边缘标题的字体大小修改为 18px，我找不到 sn-p 来修改标签的值。
我怎样才能修改代码？我在哪里可以找到目标代码？
【问题讨论】：
【参考方案1】：您需要使用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 );
【讨论】：
以上是关于更改库 graphdracula 中的字体大小的主要内容，如果未能解决你的问题，请参考以下文章