http://www.carolineelisa.com/test/wordpress/product/heritage-rugby-shirt/
我希望能够在此画布上编辑元素的填充和/或描边：http://www.carolineelisa.com/test/wordpress/product/heritage-rugby-shirt/
使用此代码，似乎我可以定位png：
var myProductDesigner = $('.fpd-container').fancyProductDesigner().data('fancy-product-designer');
var baseelement = myProductDesigner.getElementByTitle('Base colour');
alert(baseelement);
通知：
#<fabric.Image: { src: "http://www.carolineelisa.com/test/wordpress/wp-content/uploads/Shirt-Base4.png" }>
然后我试过：
baseelement.set({ strokeWidth: 2, stroke: 'rgba(100,200,200,0.5)' });
这没有任何作用。但我接近了吗？ ：）
答案 0 :(得分：0)
＆＃39;冲程＆＃39;无法应用于png。
如果它对任何人都有帮助，那就得到了“填充”。工作：
var myProductDesigner = $('.fpd-container').fancyProductDesigner().data('fancy-product-designer');
var baseelement = myProductDesigner.getElementByTitle('Base colour');
var stage = myProductDesigner.getStage()
baseelement.filters.push(new fabric.Image.filters.Tint({color: '#cccccc', opacity: 1}));
baseelement.applyFilters(stage.renderAll.bind(stage));
答案 1 :(得分：0)
我想为我的图像创建一个笔画。有没有办法实现这个目标？我编辑/添加此代码的文件是哪个？我没有在FPD中找到它。
答案 2 :(得分：0)
此外，如果您在访问baseElement时难以实现所选答案，请尝试使用getCustomElements()访问用户添加的元素。
var customElementTitle = myProductDesigner.getCustomElements()[0].element.title;
var baseElement = myProductDesigner.getElementByTitle(customElementTitle);