如何從fabric.js開始
[英]How to start with fabric.js
問題描述
我是學習JS的初學者。 現在，我遇到了一個從fabric.js開始的問題，需要您的幫助。
<!DOCTYPE HTML>
<html>
<head>
<title>fabric_test</title>
<script type="text/javascript" src="all.js"></script>
</head>
<body>
<canvas id="canvas" width="512" height="512" style="background-color: rgb(222, 222, 222)">
Your browser does not support canvas tag!
</canvas>
<script type="text/javascript">
var canvas = new fabric.Canvas('canvas');
// create a rectangle object
var rect = new fabric.Rect({
left: 100,
top: 100,
fill: 'red',
width: 20,
height: 20
});
// "add" rectangle onto canvas
canvas.add(rect);
</script>
</body>
</html>
我的問題是：
- 為什么打開保存的html文件時矩形無法在畫布上繪制？
- 我下載的結構是一個包含多個文件夾和文件的文件夾。 我只是將
all.js文件復制到當前位置。 這是正確的嗎？
2 個解決方案
解決方案1
1 2016-02-03 20:56:13
造成此問題的原因是您在畫布對象中放置了背景。 因此，顏色位於內部元素上方。 從畫布上刪除背景樣式。
解決方案2
0 2014-03-03 13:06:30
當您下載Fabric zip文件時，在解壓縮時，您應該找到一個文件夾fabric.js-1.4.4 / dist從那里復制fabric.js文件或fabric.min.js文件，並包含它而不是all.js let我知道這可行嗎
如何設置Fabric.js？
聲明:本站的技術帖子網頁，遵循CC BY-SA 4.0協議，如果您需要轉載，請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.