svg相关内容

使用CSS和SVG滤镜模拟Photoshop RGB级别

我以前也这样做过,我知道它的存在,但由于某种原因,我现在找不到它(浪费了几个小时,但没有成功)。 我要通过CSS模拟PhotoshopRGB级别。 在下图中,我将中间值从1更改为0.5。 我希望获得与css相同的效果(或至少尽可能接近)。 我尝试了以下代码:https://jsfiddle.net/txwu3so5/ 我需要找到一些替换代码才能达到这种效果。实际代码会 ..
发布时间:2022-09-04 14:25:46 前端开发

纯SVG饼图,文本居中对齐

如何在没有框架D3.js的情况下将值文本放置在每个饼图中。 我已经尝试使用一些Java脚本来获取宽度。这是默认设置 getBBox()); // get the SVG width. 我使用笔划dasharray来扩展饼空间。 我可以通过哪种方式从Java脚本中获取正确的笔划划线大小? 数据-lang=“js”数据-隐藏=“假”数据-控制台=“真”数据-巴贝尔=“假”> ..
发布时间:2022-08-17 22:04:23 其他开发

使用SVG曲线模拟圆角

我有一系列向后的形状--使用SVG路径表示法在Raphael中绘制的‘L’形状--只是一个数据点的集合,每个数据点由一条水平线和一条垂直线表示,长度不等。 ​ var data = [ [{x: 32, y: 207}, {x: 50, y: 371}], [{x: 34, y: 209} ..
发布时间:2022-08-16 17:52:10 其他开发

在SVG路径上同时使用缩放变换和平移

我已经阅读了关于这个主题的几个帖子,也许会有一些答案。无论我是不理解它,还是它不适合我的问题,这是我的问题: 我有一个路径(在SVG中),我想将鼠标悬停在它上面并从它的中心展开。然后我考虑了几个选项(比如使用关键帧的动画或使用DOM)。我尝试使用Transform来解决它,但是如果我使用Scale(),它会使路径的坐标远离其中心,并且如果我尝试使用Translate()​重新定位路径,它无法 ..
发布时间:2022-07-13 13:30:12 其他开发

为什么Reaction会让我的SVG形状颜色看起来很奇怪?

我正在使用一些斑点SVG形状在Reaction中制作登录屏幕,我注意到颜色不正确,我直接从Figma导出它们,将它们放在文件夹中,然后将它们导入Reaction中。我以为这是因为Chrome呈现SVG文件的方式,但当我打开一个Chrome选项卡时,它看起来应该是这样的。 左侧是Reaction如何显示它,右侧是Chrome如何显示它 svg 可能是因为推荐答案样式类。当您导出SVG文 ..
发布时间:2022-06-25 16:28:09 其他开发

SVG饼图只能在Chrome中使用,不能在Firefox中使用

尝试在SVG中生成拼图。在Chrome上运行得很好,但在Firefox上就不行了。有什么主意吗?这块馅饼占整个馅饼的35%。添加PI以计算切片。我想我做的每件事都是正确的。在Mac和Windows上试用了最新的Firefox。结果是一样的。Slice没有出现。必须添加calc()才能正确计算。 数据-lang=“js”数据-隐藏=“假”数据-控制台=“真”数据-巴贝尔=“假”> ..
发布时间:2022-06-15 14:31:32 其他开发

如何在SVG中实现橡皮擦功能?

我认为SVG在某些功能上比HTML5画布更好,但我想象不出有什么简单的方法可以让橡皮擦起作用。 有什么办法或例子吗? 推荐答案 这是一种非常简陋的方法,但您可以用白色笔触简单地模仿您的标准钢笔工具。 ..
发布时间:2022-05-24 20:30:22 前端开发

先播放GIF的一部分,然后无限循环某个部分

我的网站上有一个透明的动画gifhere。 理想情况下,我希望它播放一次动画,然后重复几个包含整个徽标的帧,但它看起来不像是一个gif能够实现这一点。 做一些研究,我看起来有几个选择,但我不确定在这种情况下哪一个是最好的。 使用Java脚本为gif计时,然后在应播放完时调出图像。这似乎非常不可靠,在连接速度很慢的情况下,它可能根本不会像我想要的那样工作。我认为没有其他方法来检测g ..
发布时间:2022-05-24 16:23:16 其他开发

在Python中处理SVG

我正在尝试使用Python并理解SVG图形。我希望Python的行为类似于Java脚本,并从SVG获得信息。我知道SVG中可以有两种类型的信息。 基于XML的信息-如elementbyID、elementbyTagNames 结构信息-也考虑变换的位置信息,如getelementfrom point、getbindingbox 我四处寻找并找到了用于SVG中的XML处理的诸如lxml ..
发布时间:2022-05-08 21:51:22 前端开发

删除填充或强制调整或从正方形向量资源中删除空白以适合矩形按钮?

我正在尝试将all_inclusive svg image调整为我的矩形按钮。形状本身也是矩形的,但向量资源是正方形(24x24),在形状的上下都留有空白。这些空间迫使形状本身变得非常小。如何通过删除顶部和底部的填充将所有包含的SVG设置为矩形? 在此图片中,图像设置为符合左侧、顶部和右侧的指南: ..
发布时间:2022-04-15 18:57:50 移动开发

带渐变的css三角形

我正在尝试实现一个用渐变填充的三角形。 三角形应位于页面的左上角,并拉伸50%的水平视区和120%的垂直视区。 我需要三角形有一个渐变穿过它。 我已经成功地完成了前三件事,但我无法使渐变起作用。 我试过用overflow和transform: rotate();用不同的方式定位伪元素,但我就是不能让它起作用。 以下是我到目前为止的JSfiddle: 数据-lang=“js”数据- ..
发布时间:2022-04-12 14:01:22 前端开发