Question

我正在使用类似于http://www.design.neato.com/Designer.aspx?PaperId=2001

提供的jQuery开发自定义设计工具

我的要求是使用jQuery为Text提供各种效果（类似于Microsoft Word中的Wordart）。我找到了一个库fabric.js，但它无法满足我的要求。输入文本后，我需要从表单上放置的控件中应用各种样式和半径。有没有可以帮助我实现上述功能的库？有人可以建议吗？

Answer 1

检查出来：http://jsfiddle.net/e8hZy/146/

此处有更多演示：http://fabricjs.com/demos/

有关fabric.js文字效果的更多信息，请阅读：http://fabricjs.com/fabric-intro-part-2/#text

样品：

var shadowText1 = new fabric.Text("I'm a text with shadow", {
  shadow: 'rgba(0,0,0,0.3) 5px 5px 5px'
});
var shadowText2 = new fabric.Text("And another shadow", {
  shadow: 'rgba(0,0,0,0.2) 0 0 5px'
});
var shadowText3 = new fabric.Text("Lorem ipsum dolor sit", {
  shadow: 'green -5px -5px 3px'
});
var italicText = new fabric.Text("A very fancy italic text", {
  fontStyle: 'italic',
  fontFamily: 'Delicious'
});
var anotherItalicText = new fabric.Text("another italic text", {
  fontStyle: 'italic',
  fontFamily: 'Hoefler Text'
});
var textWithStroke = new fabric.Text("Text with a stroke", {
  stroke: '#ff1318',
  strokeWidth: 1
});
var loremIpsumDolor = new fabric.Text("Lorem ipsum dolor", {
  fontFamily: 'Impact',
  stroke: '#c3bfbf',
  strokeWidth: 3
});

我希望这有帮助。

使用jQuery的艺术字样式文本效果

1 个答案: