diff --git a/03.html b/03.html
new file mode 100644
index 0000000..dd1d990
--- /dev/null
+++ b/03.html
@@ -0,0 +1,74 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <meta charset="UTF-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <meta http-equiv="X-UA-Compatible" content="ie=edge">
+  <title>03、设置 canvas 背景图、取消鼠标右键默认行为</title>
+</head>
+<body>
+<canvas id="c"></canvas>
+<script src="./bower_components/jQuery/dist/jquery.js"></script>
+<script src="./bower_components/fabric.js/dist/fabric.js"></script>
+<script>
+  // 保存背景图
+  var oImg = null;
+  // 画布
+  var canvas = new fabric.Canvas('c', {
+    width: 800,
+    height: 600,
+    backgroundColor: '#ccc',
+    // 是否取消鼠标右键默认事件
+    stopContextMenu: true,
+    // 画布是否可以触发右键单击事件
+    fireRightClick: true,
+    // 关闭浏览器图片平滑处理
+    imageSmoothingEnabled: false,
+    // 关闭图像的视网膜缩放
+    enableRetinaScaling: false
+  });
+
+  // 设置背景图
+  canvas.setBackgroundImage('images/dragon.jpg', canvas.requestRenderAll.bind(canvas), {
+    top: 0,
+    left: 0,
+    scaleX: 0.2,
+    scaleY: 0.2
+  });
+
+  fabric.Image.fromURL('images/dragon.jpg', function (img) {
+    // 获取视网膜缩放值
+    var r = canvas.getRetinaScaling();
+    // 将图片添加到画布
+    canvas.add(img);
+    // 默认选中图片
+    canvas.setActiveObject(img);
+
+    // 图片缩放同时让背景图缩放
+    img.on('scaling', function() {
+      canvas.backgroundImage.scaleX = img.scaleX;
+		  canvas.backgroundImage.scaleY = img.scaleY;
+    });
+
+    img.on('mousedown', function (opt) {
+      if (opt.button === 3) {
+        alert('点击了鼠标右键')
+      }
+    });
+  }, {
+    left: 400,
+    top: 250,
+    scaleX: 0.2,
+    scaleY: 0.2,
+    // 禁用缩放翻转
+    lockScalingFlip: true,
+    // 限制最小缩放值
+    minScaleLimit: 0.05,
+    // 设置边界线与对象的内边距
+    padding: 5,
+    // 鼠标放在对象上的样式
+    hoverCursor: 'crossHair'
+  })
+</script>
+</body>
+</html>
diff --git a/README.md b/README.md
index 19d749e..7b97155 100644
--- a/README.md
+++ b/README.md
@@ -10,6 +10,12 @@
   + setWidth()
   + setHeight()
   + setBackgroundColor()
+  + setBackgroundImage()
++ 属性
+  + imageSmoothingEnabled 是否开启图片平滑处理；浏览器中默认开启
+  + enableRetinaScaling 启用克隆图像的视网膜缩放
+  + stopContextMenu 是否取消鼠标右键默认事件
+  + fireRightClick 画布是否可以触发右键单击事件
 + 事件
   + 对象变化
     + object:moving 当画布上有对象移动时触发
@@ -63,6 +69,7 @@
 
 ### 参考链接
 + 01、对选中文字处理：上标、下标、清除
-+ 02、
++ 02、事件
++ 03、设置 canvas 背景图、取消鼠标右键默认行为等
 
 + canvas自适应屏幕大小：https://www.cnblogs.com/mihoutaoguniang/p/5998511.html
\ No newline at end of file
diff --git a/images/dragon.jpg b/images/dragon.jpg
new file mode 100644
index 0000000..9170125
Binary files /dev/null and b/images/dragon.jpg differ
