找到 11 篇文章 关于 SVG

如何将 Matplotlib 图表的输出作为 SVG 获取?

Rishikesh Kumar Rishi
更新于 2021年3月17日 08:44:26

15K+ 浏览量

只需使用 pyplot 包的 savefig 方法并提及文件格式,我们就可以将输出保存为 SVG 格式。步骤使用 subplots 方法创建 fig 和 ax 变量,其中默认的 nrows 和 ncols 为 1。使用 np.array(0, 5) 创建 xpoints 和 ypoints。使用 xpoints 和 ypoints 绘制线条。使用 plt.xlabel() 方法设置 X 轴标签。使用 plt.ylabel() 方法设置 Y 轴标签。要以 SVG 格式保存文件,请使用 savefig() 方法,其中图像名称为 myImagePDF.svg,格式为“svg”。要显示图像,请使用 plt.show() 方法。示例import matplotlib.pyplot as plt import numpy as np fig, ax = plt.subplots() xpoints = np.array([0, 5]) ypoints = np.array([0, ... 阅读更多

如何使用 JavaScript 和 SVG 在滚动时绘制?

AmitDiwan
更新于 2020年5月8日 12:48:13

467 浏览量

要使用 JavaScript 和 SVG 在滚动时绘制,代码如下所示:示例 实时演示  body {   height: 2000px;   background: #f1f1f1;  }  svg {   position: fixed;   top: 15%;   width: 400px;   height: 210px;   margin-left: -50px;  }使用 JavaScript 和 SVG 滚动示例  var polygon = document.getElementById("polygon");  var length = polygon.getTotalLength();  polygon.style.strokeDasharray = length;  polygon.style.strokeDashoffset = length;  window.addEventListener("scroll", drawPoly);  function ... 阅读更多

JPEG 和 SVG 之间的区别

Kiran Kumar Panigrahi
更新于 2023年1月11日 15:20:39

4K+ 浏览量

JPEG 和 SVG 都是图像格式类型。JPEG 是一种光栅图像格式,它使用有损压缩算法来压缩图像,而 SVG 是一种高度可扩展的基于文本的图像格式,它使用数学结构来表示图像。JPEG 图像用于摄影应用程序,而 SVG 用于需要高分辨率图像的情况。JPEG 非常适合照片和其他色彩丰富的图像,而 SVG 更适合需要调整大小的简单图像和图形,例如徽标和图标。阅读本文以了解更多关于 ... 阅读更多

当有外部链接时,HTML5 SVG css3 填充过渡不起作用

Nancy Den
更新于 2020年1月30日 06:13:20

93 浏览量

这无法通过已访问状态完成。最佳解决方案是向 url 添加随机查询,以便页面保持未访问状态。

使用 HTML5 SVG 创建星形

Lakshmi Srinivas
更新于 2021年12月16日 09:39:31

1K+ 浏览量

以下是使用标签绘制星星的 SVG 示例的 HTML5 版本。            #svgelem{       position: relative;       left: 50%;       -webkit-transform: translateX(-40%);       -ms-transform: translateX(-40%);       transform: translateX(-40%);      }       SVG            HTML5 SVG 星形              输出

将 HTML5 SVG 对齐到屏幕中央

Chandu yadav
更新于 2020年6月25日 07:07:41

3K+ 浏览量

SVG 代表可缩放矢量图形,它是一种使用 XML 描述 2D 图形和图形应用程序的语言,然后由 SVG 查看器呈现 XML。示例让我们来看一个 SVG 的示例:            #svgelem {       position: relative;       left: 50%;       -webkit-transform: translateX(-20%);       -ms-transform: translateX(-20%);       transform: translateX(-20%);      }       SVG            HTML5 SVG 圆形                要将其居中,请添加以下 CSS:# svgelem {  margin-left:auto;  margin-right:auto;  display:block;}

如何使用 HTML5 SVG 绘制正弦波?

Anvi Jain
更新于 2021年12月16日 10:30:46

769 浏览量

要使用 SVG 绘制正弦波,请使用以下方法,该方法近似于正弦波的一半。我使用了三次贝塞尔曲线近似。使用元素。示例      SVG            HTML5 SVG 正弦波                输出

如何确定 SVG 文本框宽度或强制在“x”个字符后换行?

Krantik Chavan
更新于 2020年1月27日 07:26:08

182 浏览量

使用 getBBox() 函数并将一个单词一次添加到文本对象中。当它变得太宽时,您需要添加换行符。var a = Raphael(500, 500); var b = a.text(100, 100).attr('text-anchor', 'start'); var maxWidth = 100; var content = "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis nec semper mauris. Sed gravida augue feugiat nulla ultrices efficitur. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Sed sit amet lobortis eros, et lobortis diam. Aenean arcu velit, condimentum eu lacus in, dignissim bibendum odio. Mauris ultricies nunc et lorem ... 阅读更多

如何在网页中使用 .svg 文件?

Swarali Sree
更新于 2020年6月26日 06:33:18

610 浏览量

svg 文件是可缩放矢量图形。您可以使用、或标签将其添加到网页中。.svg 文件将在标签的 src 属性中引用。让我们看看如何使用标签添加它。您可以尝试运行以下代码来了解如何在网页中使用 .svg 文件。我们有一个 smiley.svg 文件:      HTML SVG        设计      

我应该使用 吗?

, or for SVG files?
Swarali Sree
Updated on 26-Jun-2020 06:36:09

322 Views

To add SVG files, you can use , or element in HTML. Choose any one of them according to your requirement. Here’s how you can add SVG, elementUse the tag for images without interaction.The disadvantage is you cannot manipulate images with JavaScript. elementThe element is used to define an embedded object within an HTML document. Use it to embed multimedia like audio, video, flash, etc in the web page.    Your browser does not support SVG elementThe tag wasn’t part of the HTML 4 specification and is new in HTML5. It validates in an HTML5 page.

Advertisements

© . All rights reserved.