小编Und*_*ood的帖子

D3.js基于节点个体半径/直径的自动字体大小

如何让D3.js根据各自的半径/直径自动调整每个节点的字体大小？

我使用的风格允许自动增加insize

  node.append("text")
      .attr("dy", ".3em")
      .style("text-anchor", "middle")
      .text(function(d) { return d.className.substring(0, d.r / 3); })
      .style("font-size", "10px") // initial guess
//This is what gives it increased size...
      .style("font-size", function(d) { return (2 * d.r - 10) / this.getComputedTextLength() * 10 + "px"; })

Run Code Online (Sandbox Code Playgroud)

;*10 +"px"; })

此效果将从较小的节点中删除文本.我还有一个缩放功能,我可以增加一个最初覆盖12像素的点来覆盖我的整个屏幕.

.call(d3.behavior.zoom().scaleExtent([1, 200]).on("zoom", zoom))

Run Code Online (Sandbox Code Playgroud)

有没有办法可以单独自动格式化节点字体; 以适当的大小编写所以当放大时,被调节的节点字体将与节点大小成比例,而单个字体大小适合全部？

在此输入图像描述

正确的名单圈子:名称(SIZE)
我想要一个可以学习的工作实例.因此,在图像尺寸处,P旁边的驱动圆圈以北的小绿点将具有黑色不可读的单词,直到我们放大以查看圆上写入的内容.目标是在放大时具有相应的可读字体..？

javascript d3.js

Und*_*ood

2013 11-22

9
推荐指数

1
解决办法

8041
查看次数

CSS"overflow-x:hidden"与浏览器Ctrl + F水平移动屏幕文字突出显示冲突

CSS冲突

html {overflow-x:hidden;}

Run Code Online (Sandbox Code Playgroud)

使用
Web浏览器命令

Ctrl + F  or find() or keyword search

Run Code Online (Sandbox Code Playgroud)

问题:

站点是水平滚动设计,跳转到前一个(左)或下一个(右)到预定宽度/步骤/部分没有可见的水平滚动条.

document.onkeydown = function(evt) {
evt = evt || window.event;
switch (evt.keyCode) {
    case 37:
        leftArrowPressed();
        window.location.href = '#one';
        break;
    case 39:
        rightArrowPressed();
        window.location.href = '#two';
        break;
}
};

Run Code Online (Sandbox Code Playgroud)

当我调用Ctrl + F查找单词时,页面将不会在屏幕左侧或右侧跟随荧光笔.除非Overflow-x: visible只滚动到单词而不是单词所在的整个屏幕宽度/步长/部分.

Overflow-x:hidden; 删除浏览器水平滚动的能力;
Overflow-x:visible; 浏览器只在水平溢出时滚动到单词而不是下一节;

我可以按预定的宽度步长/部分跟随浏览器ctrl + f字突出显示功能吗？

当ctrl + f字高亮显示屏离开屏幕时,我可以调用按键吗？

是否可以捕获突出显示的单词坐标(x,y)？

功能测试代码:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<title>Alpha Test</title>

<style type="text/css">
* { …

Run Code Online (Sandbox Code Playgroud)

html javascript css cross-browser event-listener

Und*_*ood

2013 11-08

8
推荐指数

1
解决办法

1474
查看次数