代码之家 › 专栏 › 技术社区 › Vaidas Mark

RaphaelJS笔划不透明度

raphael svg javascript

Vaidas Mark · 技术社区 · 10 年前

我试着设定行程 opacity 设置为1以避免重复行上的颜色变暗。Fiddle示例 here .

var paper = Raphael(0, 0, 400, 400);

paper.path('M10 20 L100 20');
paper.path('M50 20 L100 20');

我每次都需要相同的颜色。

编辑:

幸亏 Robert Longson -我找到了解决方案。

之前:之后:

before after

1 回复 | 直到 10 年前

AmeliaBR 10 年前

这不是不透明度,而是你遇到的抗锯齿。任何一个

a) 在坐标上加0.5,例如。

paper.path('M10 20.5 L100 20.5');
paper.path('M50 20.5 L100 20.5');

或b)关闭抗锯齿,例如将其添加到CSS中

path {
    shape-rendering:crispEdges
}

请注意,Raphael将停止您通过attr函数设置形状渲染,因此您必须解决此问题。

推荐文章

Jacobian · 拉斐尔文献流程图

7 年前

The Code Buccaneer · 函数jquery中的选择器

8 年前

Nevershow2016 · Javascript如何创建圆

9 年前

Ved · 如何前后移动元素?

10 年前

Andy.Diaz · 在Draw2d touch中填充路径节点

10 年前

Vaidas Mark · RaphaelJS笔划不透明度

10 年前

Tikhon Belousko · Raphael.js自定义属性动画

11 年前

Jingkai He · 有什么方法可以使用Raphael js库绘制表格吗

11 年前

Raphael Toselli · 将raphael js lib包含到android phonegap应用程序中

11 年前

cuttlefish · 如何在Meteor中通过多种方法访问Raphael论文

11 年前