javascript – Fabric.js – 圆形的透明背景与中风/边框

前端之家收集整理的这篇文章主要介绍了javascript – Fabric.js – 圆形的透明背景与中风/边框前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我在fabric.js版本1.6.0-rc.1中渲染了一个圆圈:
var circlePatrol = new fabric.Circle({
  top: 300,left: 180,radius: 200,strokeDashArray: [10,10],stroke: 'black',strokeWidth: 10,fill: 'white',opacity: 0.2
});

我想将背景设置为透明但保留围绕圆圈的笔划.这在fabric.js中是否可行?不透明度也应用于笔触/边框,我试图将其应用于圆的背景.

我也试过透明的背景,但仍然没有运气:

var circlePatrol = new fabric.Circle({
      top: 300,backgroundColor: 'transparent',});

解决方法

您可以设置填充:’rgba(0,0)’.
var circlePatrol = new fabric.Circle({
  top: 0,left: 0,fill: 'rgba(0,0)'
});

JSFiddle

原文链接:https://www.f2er.com/js/155386.html

猜你在找的JavaScript相关文章