From 6d3234e3f9ff37cbd766dc00c607828ad6f34a53 Mon Sep 17 00:00:00 2001 From: Peter Bengtsson Date: Wed, 28 Jul 2021 12:32:33 -0400 Subject: remove link 'title' attributes that's just the 'href' (zh-cn, part 2) (#1730) * remove link 'title' attributes that's just the 'href' (zh-cn, part 2) * more fixes --- files/zh-cn/web/svg/tutorial/fills_and_strokes/index.html | 4 ++-- files/zh-cn/web/svg/tutorial/index.html | 2 +- files/zh-cn/web/svg/tutorial/tools_for_svg/index.html | 4 ++-- 3 files changed, 5 insertions(+), 5 deletions(-) (limited to 'files/zh-cn/web/svg/tutorial') diff --git a/files/zh-cn/web/svg/tutorial/fills_and_strokes/index.html b/files/zh-cn/web/svg/tutorial/fills_and_strokes/index.html index 65eeaebad8..caf336dd4b 100644 --- a/files/zh-cn/web/svg/tutorial/fills_and_strokes/index.html +++ b/files/zh-cn/web/svg/tutorial/fills_and_strokes/index.html @@ -89,7 +89,7 @@ translation_of: Web/SVG/Tutorial/Fills_and_Strokes

除了定义对象的属性外,你也可以通过CSS来样式化填充描边。语法和在html里使用CSS一样,只不过你要把background-colorborder改成fillstroke。注意,不是所有的属性都能用CSS来设置。上色和填充的部分一般是可以用CSS来设置的,比如fillstrokestroke-dasharray等,但是不包括下面会提到的渐变和图案等功能。另外,widthheight,以及路径的命令等等,都不能用css设置。判断它们能不能用CSS设置还是比较容易的。

-
SVG规范将属性区分成properties和其他attributes,前者是可以用CSS设置的,后者不能。
+
SVG规范将属性区分成properties和其他attributes,前者是可以用CSS设置的,后者不能。

CSS可以利用style属性插入到元素的行间:

@@ -121,7 +121,7 @@ translation_of: Web/SVG/Tutorial/Fills_and_Strokes

你最好读一下CSS教程以便掌握它,一些可以在html里使用的css,在svg里可能无法正常工作,比如beforeafter伪类。所以这里需要一点经验。

-

你也可以定义一个外部的样式表,但是要符合normal XML-stylesheet syntax的CSS规则:

+

你也可以定义一个外部的样式表,但是要符合normal XML-stylesheet syntax的CSS规则:

<?xml version="1.0" standalone="no"?>
 <?xml-stylesheet type="text/css" href="style.css"?>
diff --git a/files/zh-cn/web/svg/tutorial/index.html b/files/zh-cn/web/svg/tutorial/index.html
index 9726ef006a..495780b1b3 100644
--- a/files/zh-cn/web/svg/tutorial/index.html
+++ b/files/zh-cn/web/svg/tutorial/index.html
@@ -12,7 +12,7 @@ translation_of: Web/SVG/Tutorial
 ---
 

可缩放矢量图形,即SVG,是W3C XML的分支语言之一,用于标记可缩放的矢量图形。目前SVG在Firefox、Opera、Webkit浏览器、IE等浏览器中已经部分实现。

-

本教程旨在解释SVG内部的技术细节。如果你希望绘制非常漂亮的图形,你可以在Inkscape的文档页面上获取更多有用的资源。另外还有一个比较好的SVG介绍:W3C的SVG入门

+

本教程旨在解释SVG内部的技术细节。如果你希望绘制非常漂亮的图形,你可以在Inkscape的文档页面上获取更多有用的资源。另外还有一个比较好的SVG介绍:W3C的SVG入门

本教程还在初期阶段,如果你有能力,可以来增加扩展一两段,写一整页的话会给加分!
diff --git a/files/zh-cn/web/svg/tutorial/tools_for_svg/index.html b/files/zh-cn/web/svg/tutorial/tools_for_svg/index.html index e2c7ee0b99..9fb8bbc0d7 100644 --- a/files/zh-cn/web/svg/tutorial/tools_for_svg/index.html +++ b/files/zh-cn/web/svg/tutorial/tools_for_svg/index.html @@ -13,7 +13,7 @@ translation_of: Web/SVG/Tutorial/Tools_for_SVG

Inkscape

-

URL: www.inkscape.org

+

URL: www.inkscape.org

图形格式最重要的工具之一,是一个相当好的绘图程序。Inkscape提供了最先进的矢量绘图功能,而且它是开源的。

@@ -37,7 +37,7 @@ translation_of: Web/SVG/Tutorial/Tools_for_SVG

其它呈现器

-

要想从一个SVG源创建一个光栅图像,存在很多个项目。ImageMagick是最著名的命名行图象处理工具之一。Wikipedia所用到的Gnome库rsvg能把它们的SVG图形光栅化。

+

要想从一个SVG源创建一个光栅图像,存在很多个项目。ImageMagick是最著名的命名行图象处理工具之一。Wikipedia所用到的Gnome库rsvg能把它们的SVG图形光栅化。

Raphael JS

-- cgit v1.2.3-54-g00ecf