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

Question

我有这个骰子图像

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

Answer 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/