Question

解决方案：提供CSS - 透明字体。你想要的任何信件。它来自：http://lea.verou.me/2012/05/text-masking-the-standards-way/进行了一些编辑。

/**
 * Text masking — The SVG way
 */

svg {
	width: 7em; height: 3em;
	font: 900 500%/1.2 'Arial Black', sans-serif;
}

text { fill: url(#wood); }

<svg>
<defs>
	<pattern id="wood" patternUnits="userSpaceOnUse" width="240" height="300" >
		<image xlink:href="http://hd.wallpaperswide.com/thumbs/girl_beach_background-t2.jpg" width="400" height="400" />
	</pattern>
</defs>
<text y="2em">Nice Beach</text><text y="3em">Isnt't It</text>
</svg>

代码：只需更改＆lt; text ..＆gt;更改此＆lt; / text＆gt;换句话说。

HTML

<svg>
<defs>
    <pattern id="wood" patternUnits="userSpaceOnUse" width="240" height="300" >
        <image xlink:href="http://hd.wallpaperswide.com/thumbs/girl_beach_background-t2.jpg" width="400" height="400" />
    </pattern>
</defs>
<text y="2em">Nice Beach</text><text y="3em">Isnt't It</text>
</svg>

CSS：

/**
 * Text masking — The SVG way
 */

svg {
    width: 7em; height: 3em;
    font: 900 500%/1.2 'Arial Black', sans-serif;
}

text { fill: url(#wood); }

Answer 1

用css。这很简单：

@user.add_role(:admin)
@user.add_role(:superadmin)
@user.has_role?(:admin) # true

只需更改div { opacity: 0.5; } div p { opacity: 1.0; }和div即可。

Answer 2

＆＃13;

DirectoryIndex

＆＃13;

/**
 * Text masking — The SVG way
 */

svg {
	width: 7em; height: 3em;
	font: 900 500%/1.2 'Arial Black', sans-serif;
}

text { fill: url(#wood); }

＆＃13;

解决方案：如何在图像上创建透明文本

2 个答案: