From 52ffb9632e3838399f59f48eb62570fa56f73d57 Mon Sep 17 00:00:00 2001
From: Amila Rukshan Senadheera
 <amilarukshansenadheera@Amilas-MacBook-Pro.local>
Date: Sun, 10 Jan 2021 12:16:27 +0530
Subject: [PATCH] image blur on zoom issue fixed

---
 src/Pattern.js | 5 ++---
 1 file changed, 2 insertions(+), 3 deletions(-)

diff --git a/src/Pattern.js b/src/Pattern.js
index 6c39d0a..557c4b6 100644
--- a/src/Pattern.js
+++ b/src/Pattern.js
@@ -1,6 +1,5 @@
 import React, { Component } from 'react';
 import PropTypes from 'prop-types';
-import HexUtils from './HexUtils';
 import Point from './models/Point';
 
 class Pattern extends Component {
@@ -18,8 +17,8 @@ class Pattern extends Component {
 
     return (
       <defs>
-        <pattern id={id} patternUnits="objectBoundingBox" x={0} y={0} width={size.x} height={size.y}>
-          <image xlinkHref={link} x={0} y={0} width={size.x*2} height={size.y*2} />
+        <pattern id={id} patternUnits="objectBoundingBox" x={0} y={0} width="100%" height="100%">
+          <image xlinkHref={link} x={0} y={0} width={size.x} height={size.y} />
         </pattern>
       </defs>
     );