javascript - strokestyle 和 strokewidth 属性不起作用

标签 javascript jquery html css fabricjs

我想给 strokeStyle 和 strokewidth 属性。

我正在尝试来自 http://fabricjs.com/fabric-intro-part-2/#text 的示例,但我无法在屏幕上看到任何效果??

fiddle ::http://jsfiddle.net/gvn3X/1/

var textWithStroke = new fabric.Text("Text with a stroke", {
  strokeStyle: '#ff1318',
  strokeWidth: 1
});
var loremIpsumDolor = new fabric.Text("Lorem ipsum dolor", {
  fontFamily: 'Impact',
  strokeStyle: '#c3bfbf',
  strokeWidth: 3
});

最佳答案

我认为该文档中存在错误,或者可能是语法已更改, 试试这个代码,我已经测试过了..它有效..

var canvas = window._canvas = new fabric.Canvas('c');
  var text = new fabric.Text('Sample', {
 left: 100,
top: 100,
fill: 'navy',

 stroke: '#c3bfbf',
  strokeWidth: 3
 });
 var textWithStroke = new fabric.Text("Text with a stroke", {
 fontFamily: 'Impact',
  stroke: '#333',
   strokeWidth: 3,
   });
  canvas.add(text);
 canvas.add(textWithStroke);

关于javascript - strokestyle 和 strokewidth 属性不起作用,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/18530752/

相关文章:

html - 尝试用 css 创建一个没有运气的背景

java - HTTP 404 资源未找到

php - 使用 php 保存 Jquery 可拖动 DIV 的位置

javascript - Angular 2 模块导入

javascript - (jQuery & JavaScript) animate 返回原始状态

javascript - 每天更换视频

javascript - 动态设置选项已选中

javascript - JS 正则表达式格式和列表验证

javascript - 全屏菜单只出现在导航栏中

javascript - jQuery 进度条仅在第一个加载