在 Android 上的特定图像上正确定位文本

【问题标题】：Positionning correctly text over specific image on Android在 Android 上的特定图像上正确定位文本
【发布时间】：2015-02-19 16:00:27
【问题描述】：

我有这个骰子图片

我想在灰色部分写文字，但仅限于此部分。我不希望文字越过黑线。我该怎么办？此外，文本将动态添加。

【问题讨论】：

我不太确定 Android，但它没有 z-index 或 position:absolute 之类的东西吗？
真正的问题是正确定位文本而不是写文本。
我会画出整个东西+在上面画出旋转的文本（以确保它正确缩放）。绘制一些线条、一些填充和 4 个椭圆并不难。

标签： android android-layout android-imageview

【解决方案1】：

看看这个解决方案：

<div class="image">
    <img src="http://i.stack.imgur.com/PKlmw.png" alt="image" />
    <span>Text over image here!</span>
</div>

 .image {
    position: relative;
    max-width: 200px;
    max-height: 175px;
}

.image img {
    position: absolute;
    z-index: -1;
}

.image span {
    width: 75px;
    color: #000;
    display: block;
    position: relative;
    top: 15px;
    left: 45px;
    -webkit-transform: rotate(15deg);
    -moz-transform: rotate(15deg);
    -o-transform: rotate(15deg);
    writing-mode: lr-tb;

}

jsfiddle 链接：http://jsfiddle.net/uvky91gd/

【讨论】：

我的错，我精确地说我只希望它用于带有关键字的 android