Question

我在我的网页imgNotes中使用在背景图像上显示工具提示。它确实有效。现在我还想在不使用弹出窗口的情况下在特定位置添加简单文本。我想使用我用于imgNotes的相同坐标（“addNote”）。

你能帮帮我吗？

谢谢你，问候

帕斯夸莱

Answer 1

我解决了我的任务;我在imgNotes.js文件中的addNote之前添加了一个新函数。

/*
 *  Add a text
 */
addText: function(relx, rely, text) {
    var self = this;
    var elem = $(document.createElement('span')).html(text);    
    var $elem = $(elem);
    $(this.img).imgViewer("addElem",elem);
    $elem.data("relx", relx).data("rely", rely);

    switch (this.options.vAll) {
        case "top": $elem.data("yOffset", 0); break;
        case "bottom": $elem.data("yOffset", $elem.height()); break;
        default: $elem.data("yOffset", Math.round($elem.height()/2));
    }
    switch (this.options.hAll) {
        case "left": $elem.data("xOffset", 0); break;
        case "right": $elem.data("xOffset", $elem.width()); break;
        default: $elem.data("xOffset", Math.round($elem.width()/2));
    }

    this.notes.push(elem);
    $(this.img).imgViewer("update");
    return elem;
}

使用imgNotes在特定位置显示文本

1 个答案: