js svg 画图 - 腾讯云开发者社区

文章/答案/技术大牛

发布

2回答

我如何使用JS库来动画我的SVG文件-盆景是不是很理想？

javascript、bonsaijs

我想找到并学习一个js库，它将允许我对我在Illustrator中创建的SVG文件进行动画处理。我在后效和动画图形方面有很大的背景，所以我正在寻找一个JS库，它将给我提供很多动画功能。我现在正在查看BonsaiJS，我想知道是否有人可以建议我是否允许我制作SVG文件的动画，如果允许，请告诉我如何开始这样做。现在，我将SVG嵌入到我整个站点的图像标签中。我很快写了一些示例代码来说明我的想法，如何使用盆景动画我的SVG。但是，对于处理现有的SVG文件而不

浏览 2提问于2013-04-19得票数 0

回答已采纳

3回答

如何在Xcode中保持我的故事板中的高分辨率图像而不将其像素化？

ios、xcode、uiviewcontroller、uiimage

我正在用Xcode做一个使用Swift的应用程序。我的一个View控制器上有几个按钮和图像。我使用的是高分辨率的图像，但我注意到它们的像素化程度达到了肉眼可见的程度。我发现了一些关于图像大小调整的问题，但没有一个是关于立即像素化的。我希望有人能帮上忙。下面是两张图片。第一个是来自我的应用程序的图像(屏幕截图)，第二个是来自另一个不是我的应用程序的图像(也是屏幕截图)。另一款应用程序上的图标较小，但尽管如此，它的像素化程度也较低。

浏览 61提问于2018-08-23得票数 0

4回答

FontAwesome旋转器不会在反应中旋转

reactjs、font-awesome

然后按照这些指示 npm i @fortawesome/fontawesome-svg-core然后，我将App.js更改为：import '.注意：在React之外的之外，字体很好地工作，无需做任何额

浏览 9提问于2020-10-24得票数 9

回答已采纳

2回答

基于加速度计数据的汽车在x轴上的移动？

javascript、html、canvas、accelerometer

我试着查找Three.Js、Phaser.Js、Planck.Js、Matter.Js、Phyics.Js和其他游戏引擎。

浏览 17提问于2021-01-27得票数 0

回答已采纳

2回答

我可以把.SVG动画文件转换成Json吗？

json、svg、lottie

我正在尝试使用Lottie库编写jetpack但是在中，动画的svg文件转换为静态json文件，而我并不打算这样做。如何将动画svg文件转换为动画json文件？

浏览 17提问于2022-02-04得票数 0

1回答

如何在画布上擦拭特定区域

javascript、canvas、drawing

请查看：尝试在Atarado原型板上制作电子布局的脚本，我只是JS非常初学者。我用擦除画布的一部分堆叠起来(是的，我知道应该使用SVG，但使用它我感觉很舒服)。也知道在画布上绘制就像简单的画图程序处理像素，但这些程序有一种工具，可以擦除部分区域的位图…

浏览 0提问于2011-08-12得票数 0

回答已采纳

1回答

prolog中不允许Android向量资产工具的内容

android、android-studio、svg

为了确保没有调整大小的问题，我想使用SVG文件，并使用内置的Android工作室创建一个向量资产。但是，当我想使用New > Vector创建一个资产，然后使用Local并提供我的SVG文件的路径时，我会得到以下错误：Error while parsing logo.svg: Content is我使用画图和徽标PNG文件创建了SVG文件。我只是将文件保存为SVG，在相同的路径中使用相同的名称。我在可绘图文件夹中保存了PNG和SVG两个文件。任何帮助都是非常感谢

浏览 2提问于2020-01-25得票数 0

1回答

我是否可以使用动画SVG作为应用程序的加载图标(苹果iOS)

ios、animation、svg、gif、animated-gif

然后我想用SVG来代替。有没有可能，使用SVG动画作为加载图标？我目前在网站上使用的是SVG动画图标。谢谢!

浏览 17提问于2020-05-09得票数 0

3回答

SVG动画不适用于Chrome中的图标

css、google-chrome、svg

在<head>中设置SVG偏好图标。<link rel="icon" href="favicon.svg" sizes="any" type="image/svg+xml"> <svg width=" 54" height="54" vi

浏览 11提问于2022-03-07得票数 2

2回答

使用Javascript绘制遍历单位圆时的正弦波

javascript、plot、interactive

我想在穿越单位圆时绘制一个正弦波。我想把它用于教育目的。我想要的图类似于下面的图：此外，我希望x轴的刻度标签包含π/2，π，3π/2，2π。它可能支持我想说的一些数学。

浏览 1提问于2012-12-19得票数 5

1回答

React Native显示动画SVG

react-native、svg

我有一个SVG动画图像：然而，当我尝试将其导入到我的react原生项目中时(例如通过)，虽然它可以显示svg图像，但它没有动画。这是我导入svg的方式： width="85%" height="85%"uri="http://test.im

浏览 20提问于2021-03-15得票数 0

回答已采纳

1回答

当使用SVG在网站上使用视觉效果时，SEO意味着什么？

seo、design、svg

我们正在重新设计我们的网站，并希望使用SVG的视觉效果。主要是标题，动画图标等。是否存在与SEO有关的已知问题？

浏览 0提问于2016-11-07得票数 2

6回答

什么是一个好的Cocoa或Cocoa-touch向量库？

iphone、cocoa-touch、vector-graphics

我正在寻找一个好的向量库，用于在iPhone上显示动画图形。可能会显示SVG的内容。有人有什么想法或见解吗？

浏览 14提问于2008-12-31得票数 2

回答已采纳

1回答

SVG动画图箭

svg、svg-animate、inline-svg

这是我第一次使用SVG，我想知道是否可以用箭头创建一个动画线条图。我已经找到了多个没有箭头的动画线条图、带有箭头的非动画直线图和带有箭头的动画直线的例子，但不是我所要寻找的。CSS(较少)@导入"lesshat"；@深灰色：#303030；*{框大小:边框框；}主体{背景：@深灰色；} .graph__wrapper{宽度:400 0px；边距:30 0px自动；位置:相对；svg

浏览 1提问于2016-11-30得票数 3

回答已采纳

1回答

以参考PNG作为背景图像的SVG

html、css、svg

给定一个使用<image xlink:href="http://...引用PNG图像的SVG，为什么我不能使用SVG作为背景图像？如果我在浏览器中直接调用SVG (用Chrome和Firefox测试)，它会向我展示带有PNG的SVG和调试工具(Network )也显示了外部图形的调用。在HTML中使用指向SVG的<object>标记也是有效的。同样有效的是使用base64将PNG嵌入到SVN中，这允许我使用SVG作为背景图像，但如果图像是路

浏览 2提问于2016-07-15得票数 1

回答已采纳

1回答

用CGPath绘制SVG输出

ios、svg、drawing

我用CGPath和CAShapeLayer绘制了一个画图(绘图屏幕)，现在我的客户希望输出映像可以伸缩，我找到了SVG ，但是我不知道如何使用这个库。我在图书馆的例子中也没有找到和举例！有没有人知道如何使用这个库将CGPath转换成SVG，或者给我提供一个教程？提前谢谢！

浏览 1提问于2014-03-05得票数 5

回答已采纳

1回答

如何增加svg路径外的笔画而不用画图顺序=“笔画”？

javascript、svg、path、geometry

当我使用属性画图-order=“行程”时，它不符合我的要求，因为两边(内外)的笔画宽度都在增加。请查看附件中的图片。原始svg :-实际svg :-预期的svg(这是我的要求) :-代码:- <body> <svg height="300"252" cy="50" r="40" stroke="black" s

浏览 1提问于2020-12-10得票数 1

回答已采纳

1回答

通过下采样优化SVG模糊效果

animation、svg、blur

我有一个带有模糊效果的SVG动画图像。feGaussianBlur in="SourceGraphic" stdDeviation="5" color-interpolation-filters="sRGB" />显然，对于浏览器中的全窗口动画图像来说有什么方法可以用SVG来实现吗？还是有其他比feGaussianBlur便宜得多的过滤器？编辑:经过更多的阅读，我找到了过滤器选项，这正是我想要的，但似乎

浏览 2提问于2016-12-09得票数 2

回答已采纳

1回答

如何使用Apache库在Graphics2D中转换SVGGraphics2D？

java、svg、batik

我需要将JPanel (图形)中的内容(形状)转换为SVGGraphics2D对象，以获得一个使用Apache库生成的svg文件。String svgNS = "http://www.w3.org/2000/svg"; svgGenerator = (SVGGraphics2D)pane.getGraphic

浏览 0提问于2019-05-16得票数 1

回答已采纳

1回答

SVG动画图案边缘

svg、jquery-animate

下面是我的svg：<svg width="500" height="500"> <linearGradient id='stripe-gradient' x1='0%hbar thing" x="0" y="0" width="200" fill="green" height="200" mask="url

浏览 1提问于2017-03-04得票数 3

点击加载更多