gpt4 book ai didi

javascript - d3js 中的缩放线

转载 作者:搜寻专家 更新时间:2023-10-31 21:48:27 26 4
gpt4 key购买 nike

我只是想通过使用 d3.js 库在 javascript 中绘制一个函数。我需要添加缩放和平移事件。我已经按照这个例子完成了:

http://bl.ocks.org/mbostock/7ec977c95910dd026812

我在这个平面上画了一些线。我的问题是当我缩放它时,线宽也会改变。我喜欢的是缩放时该线仍具有原始宽度。我想我必须重新绘制它,但我不确定这是否是最好的方法。

你能告诉我是否有更好的方法,或者给我举个简单的例子吗?谢谢!

最佳答案

由于您没有提供任何代码,因此很难判断。根据您的描述,您正在渲染的网格线正在被缩放矩阵转换。

您可以独立于缩放绘制网格,但您必须在缩放和网格变换之间切换,并且需要更多代码,或者只需重新渲染网格线,并将宽度设置为宽度乘以逆比例。例如,如果你的网格线是两个像素,那么你可以通过将它们的渲染宽度设置为 2*(1/scale) 来保持它们的宽度,这与 2/scale。比例是缩放量。这同样适用于您希望保持固定渲染大小的任何对象。

没有简单的方法可以避免重新渲染网格线

关于javascript - d3js 中的缩放线,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/30415125/

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