首页 \ 问答 \ JQuery SVG绘图文本(JQuery SVG Drawing Text)

JQuery SVG绘图文本(JQuery SVG Drawing Text)

 我正在创建一个HTML 5站点，使用Keith Wood的JQuery SVG库在SVG中执行某种形式的图表。  
 我希望能够在SVG画布上绘制简单的文本 - 没有任何花哨的标准文本（例如单词或标题文本），在本网站上作为实际SVG给出了示例。  
 http://www.kevlindev.com/tutorials/basics/text/svg/index.htm  
 我查看了Jquery库网站上的API参考，我得到的是一个绘制波浪文本的复杂示例，我对此并不感兴趣。  
 任何人都可以给我一个简单的例子，说明我如何使用库API编写文本？ 

I am creating a HTML 5 site that performs some form of diagramming in SVG using the JQuery SVG library by Keith Wood. 
I would like to be able to draw simple text on the SVG canvas - nothing fancy just standard text (i.e. like a word or title text) which is given as examples on this site as actual SVG. 
http://www.kevlindev.com/tutorials/basics/text/svg/index.htm 
I have looked at the API reference on the Jquery library site and all I get is a complicated example of drawing wavy text which I am not interested in. 
Can anyone give me a simple example of how I write text using the library API?

原文：https://stackoverflow.com/questions/8028095

更新时间：2022-07-11 08:07

最满意答案

 我已经解决了问题。 结果在下面:)我比较服务器时间和用户硬件时间并为按钮显示时间添加差异。 :)  
    function getTime() {

        $.ajax({
            type : 'POST',
            async:  false,
            url  : 'time.php',
            success : function(response){

                // date of button display

                var year = "2017",
                    month = "03",
                    day = "22",
                    hour = "13",
                    minute = "50",
                    second = "01";

                var startDate = new Date("" + year + "-" + month + "-" + day + "T" + hour + ":" + minute + ":" + second +"+01:00"); 

                // +01:00 timezone correction

                var buttonTime = startDate.getTime() / 1000; // time - when display button

                var currentTime = parseInt(response);

                if (!Date.now) {
                  Date.now = function now() {
                    return new Date().getTime() / 1000;
                  };
                }

                var userPcTime = Math.floor(Date.now() / 1000);

                if (currentTime !== userPcTime) {

                    var timeDiff = currentTime - userPcTime;

                    buttonTime = buttonTime - timeDiff;

                    console.log(timeDiff);
                }

                function testTime() {

                    if (!Date.now) {
                      Date.now = function now() {
                        return new Date().getTime() / 1000;
                      };
                    }

                    var userPcTime = Math.floor(Date.now() / 1000);

                     var diff = buttonTime - userPcTime;



                    if (userPcTime > buttonTime ) {
                        // triggers here"

                        alert(' here will be trigger of show button');

                    }

                    if (userPcTime <= buttonTime && diff <= 60 ) {

                        // test after 1 s.

                         var testDelay = 1000;

                        setTimeout(function() {
                            testTime();
                        }, testDelay);
                    }

                    if (userPcTime < buttonTime && diff > 60 ) {
                        // test after 10 s.

                        var testDelay = 10000;

                        setTimeout(function() {
                            testTime(); 
                        }, testDelay);

                    } 

                };

                testTime();

            },
            complete(){},
            error(){}
        });

    };

getTime();
 
 正确的time.php是：  
<?php 

$timestamp = time();
$date_time = date($timestamp);
echo $date_time;

?>

I have solve problem. Result is below :) I compare server time nad user hardware time and add difference to button show time. :) 
    function getTime() {

        $.ajax({
            type : 'POST',
            async:  false,
            url  : 'time.php',
            success : function(response){

                // date of button display

                var year = "2017",
                    month = "03",
                    day = "22",
                    hour = "13",
                    minute = "50",
                    second = "01";

                var startDate = new Date("" + year + "-" + month + "-" + day + "T" + hour + ":" + minute + ":" + second +"+01:00"); 

                // +01:00 timezone correction

                var buttonTime = startDate.getTime() / 1000; // time - when display button

                var currentTime = parseInt(response);

                if (!Date.now) {
                  Date.now = function now() {
                    return new Date().getTime() / 1000;
                  };
                }

                var userPcTime = Math.floor(Date.now() / 1000);

                if (currentTime !== userPcTime) {

                    var timeDiff = currentTime - userPcTime;

                    buttonTime = buttonTime - timeDiff;

                    console.log(timeDiff);
                }

                function testTime() {

                    if (!Date.now) {
                      Date.now = function now() {
                        return new Date().getTime() / 1000;
                      };
                    }

                    var userPcTime = Math.floor(Date.now() / 1000);

                     var diff = buttonTime - userPcTime;



                    if (userPcTime > buttonTime ) {
                        // triggers here"

                        alert(' here will be trigger of show button');

                    }

                    if (userPcTime <= buttonTime && diff <= 60 ) {

                        // test after 1 s.

                         var testDelay = 1000;

                        setTimeout(function() {
                            testTime();
                        }, testDelay);
                    }

                    if (userPcTime < buttonTime && diff > 60 ) {
                        // test after 10 s.

                        var testDelay = 10000;

                        setTimeout(function() {
                            testTime(); 
                        }, testDelay);

                    } 

                };

                testTime();

            },
            complete(){},
            error(){}
        });

    };

getTime();
 
And correct time.php is: 
<?php 

$timestamp = time();
$date_time = date($timestamp);
echo $date_time;

?>

JQuery SVG绘图文本(JQuery SVG Drawing Text)

最满意答案

相关问答

setTimeout的问题(Issues with setTimeout)[2023-05-29]

setTimeout不会延迟(setTimeout will not delay)[2023-05-19]

setTimeout没有等待指定的时间(setTimeout not waiting specified time)[2021-08-29]

JavaScript问题：setTimeout(JavaScript issue: setTimeout)[2022-02-24]

带setTimeout的日期 - 如何以安全的方式减少时间延迟？(date with setTimeout - how to reduce time lag in safety way?)[2023-02-08]

使用setTimeout（）中的变量来设置时间(Use a variable in setTimeout() to set the time)[2022-03-19]

javascript中的递归setTimeout(Recursive setTimeout in javascript)[2023-02-05]

setTimeout问题，没有时间了(setTimeout issue, there is no time out)[2022-01-23]

减少加载UIView的时间延迟(Reduce time lag in loading a UIView)[2022-04-03]

SetTimeOut问题(SetTimeOut problems)[2021-09-05]

相关文章

最新问答