Question

我正试图在straightouttasomewhere.com中模拟功能。用户将文本输入到canvas元素中。接下来，在您上传图像之后，您会看到Twitter和Facebook的共享链接。

这两个链接会附加您在画布中输入的值。使用占位符out += s1.charAt((j + 3)%26);，但我看不到具有该名称的元素。

即使在解析时，他们的javascript文件也难以理解。 js link

{CITY}

我想返回输入的文字，并用它替换<canvas id="canvas" width="846" height="846"></canvas> <a href="#" target="share" data-text="I'm #StraightOutta {CITY}. Where you from? #BeatsByDre" data-popwidth="550" data-popheight="420" class="button twitter"></a>。

Answer 1

我检查了链接，哦等我知道那个发光的光标..

检查来源......

;fabric.IText=fabric.util.createClass(fabric.Text,fabric.Observable,{type:"i-text",selectionStart:0,selectionEnd:0,s

不是模仿那个js的行为，美化它并研究它并遵循它，只需从github中分叉它，它是免费的，是在获得许可证的情况下得到了很好的支持。

在这里探讨https://www.fabricjs.com

在这里分叉https://github.com/kangax/fabric.js

您可以下载所有库或仅使用您需要的部件构建迷你版。（canvas，staticCanvas，text，iText）

＆＃13;

function getText() {
  alert(canvas.getObjects()[0].text);
}
var canvas = new fabric.Canvas('canvas');
canvas.add(new fabric.IText("STRAIGHT\nOUTTA\n ", {textAlign: 'center', active: true}));

＆＃13;

<button onClick="getText()" >GET THE TEXT</button>
<script src="http://www.deltalink.it/andreab/fabric/fabric.js" ></script>
        <canvas id="canvas" width=500 height=400 style="height:200px;width:500px;"></canvas>

＆＃13;

检索以画布形式输入的文本作为字符串

1 个答案: