diff --git a/CHANGELOG.md b/CHANGELOG.md
index 92da537..f97b770 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -1,3 +1,15 @@
+# [1.1.0](https://github.com/seleb/draw-1-bit/compare/v1.0.3...v1.1.0) (2021-05-22)
+
+
+### Bug Fixes
+
+* issue with position being lost when drawing off canvas ([878aaff](https://github.com/seleb/draw-1-bit/commit/878aaffe27fa2c4ff02691992f6755d2139b4e62))
+
+
+### Features
+
+* draw using bresenham instead of only filling individual pixels ([14f351c](https://github.com/seleb/draw-1-bit/commit/14f351cd19432933f216ea1344a84b292f6470eb))
+
 ## [1.0.3](https://github.com/seleb/draw-1-bit/compare/v1.0.2...v1.0.3) (2021-05-18)
 
 
diff --git a/docs/classes/default.html b/docs/classes/default.html
index b00e45b..a8b1675 100644
--- a/docs/classes/default.html
+++ b/docs/classes/default.html
@@ -139,7 +139,7 @@ <h3>constructor</h3>
 						<li class="tsd-description">
 							<aside class="tsd-sources">
 								<ul>
-									<li>Defined in <a href="https://github.com/seleb/draw-1-bit/blob/253e6cb/src/index.ts#L23">index.ts:23</a></li>
+									<li>Defined in <a href="https://github.com/seleb/draw-1-bit/blob/b11e0b5/src/index.ts#L25">index.ts:25</a></li>
 								</ul>
 							</aside>
 							<h4 class="tsd-parameters-title">Parameters</h4>
@@ -273,7 +273,7 @@ <h3>canvas</h3>
 					<div class="tsd-signature tsd-kind-icon">canvas<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">HTMLCanvasElement</span></div>
 					<aside class="tsd-sources">
 						<ul>
-							<li>Defined in <a href="https://github.com/seleb/draw-1-bit/blob/253e6cb/src/index.ts#L6">index.ts:6</a></li>
+							<li>Defined in <a href="https://github.com/seleb/draw-1-bit/blob/b11e0b5/src/index.ts#L8">index.ts:8</a></li>
 						</ul>
 					</aside>
 				</section>
@@ -283,7 +283,7 @@ <h3>color<wbr>Bg</h3>
 					<div class="tsd-signature tsd-kind-icon">color<wbr>Bg<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">string</span></div>
 					<aside class="tsd-sources">
 						<ul>
-							<li>Defined in <a href="https://github.com/seleb/draw-1-bit/blob/253e6cb/src/index.ts#L18">index.ts:18</a></li>
+							<li>Defined in <a href="https://github.com/seleb/draw-1-bit/blob/b11e0b5/src/index.ts#L20">index.ts:20</a></li>
 						</ul>
 					</aside>
 				</section>
@@ -293,7 +293,7 @@ <h3>color<wbr>Fill</h3>
 					<div class="tsd-signature tsd-kind-icon">color<wbr>Fill<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">string</span></div>
 					<aside class="tsd-sources">
 						<ul>
-							<li>Defined in <a href="https://github.com/seleb/draw-1-bit/blob/253e6cb/src/index.ts#L19">index.ts:19</a></li>
+							<li>Defined in <a href="https://github.com/seleb/draw-1-bit/blob/b11e0b5/src/index.ts#L21">index.ts:21</a></li>
 						</ul>
 					</aside>
 				</section>
@@ -303,7 +303,7 @@ <h3>color<wbr>Grid</h3>
 					<div class="tsd-signature tsd-kind-icon">color<wbr>Grid<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">string</span></div>
 					<aside class="tsd-sources">
 						<ul>
-							<li>Defined in <a href="https://github.com/seleb/draw-1-bit/blob/253e6cb/src/index.ts#L20">index.ts:20</a></li>
+							<li>Defined in <a href="https://github.com/seleb/draw-1-bit/blob/b11e0b5/src/index.ts#L22">index.ts:22</a></li>
 						</ul>
 					</aside>
 				</section>
@@ -313,7 +313,7 @@ <h3>color<wbr>Hover</h3>
 					<div class="tsd-signature tsd-kind-icon">color<wbr>Hover<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">string</span></div>
 					<aside class="tsd-sources">
 						<ul>
-							<li>Defined in <a href="https://github.com/seleb/draw-1-bit/blob/253e6cb/src/index.ts#L21">index.ts:21</a></li>
+							<li>Defined in <a href="https://github.com/seleb/draw-1-bit/blob/b11e0b5/src/index.ts#L23">index.ts:23</a></li>
 						</ul>
 					</aside>
 				</section>
@@ -323,7 +323,7 @@ <h3>context</h3>
 					<div class="tsd-signature tsd-kind-icon">context<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">CanvasRenderingContext2D</span></div>
 					<aside class="tsd-sources">
 						<ul>
-							<li>Defined in <a href="https://github.com/seleb/draw-1-bit/blob/253e6cb/src/index.ts#L7">index.ts:7</a></li>
+							<li>Defined in <a href="https://github.com/seleb/draw-1-bit/blob/b11e0b5/src/index.ts#L9">index.ts:9</a></li>
 						</ul>
 					</aside>
 				</section>
@@ -333,7 +333,7 @@ <h3>filled</h3>
 					<div class="tsd-signature tsd-kind-icon">filled<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">Record</span><span class="tsd-signature-symbol">&lt;</span><span class="tsd-signature-type">string</span><span class="tsd-signature-symbol">, </span><span class="tsd-signature-type">undefined</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">boolean</span><span class="tsd-signature-symbol">&gt;</span></div>
 					<aside class="tsd-sources">
 						<ul>
-							<li>Defined in <a href="https://github.com/seleb/draw-1-bit/blob/253e6cb/src/index.ts#L22">index.ts:22</a></li>
+							<li>Defined in <a href="https://github.com/seleb/draw-1-bit/blob/b11e0b5/src/index.ts#L24">index.ts:24</a></li>
 						</ul>
 					</aside>
 				</section>
@@ -343,7 +343,7 @@ <h3><span class="tsd-flag ts-flagPrivate">Private</span> filling</h3>
 					<div class="tsd-signature tsd-kind-icon">filling<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">undefined</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">boolean</span></div>
 					<aside class="tsd-sources">
 						<ul>
-							<li>Defined in <a href="https://github.com/seleb/draw-1-bit/blob/253e6cb/src/index.ts#L15">index.ts:15</a></li>
+							<li>Defined in <a href="https://github.com/seleb/draw-1-bit/blob/b11e0b5/src/index.ts#L17">index.ts:17</a></li>
 						</ul>
 					</aside>
 				</section>
@@ -353,7 +353,7 @@ <h3>grid<wbr>Limit</h3>
 					<div class="tsd-signature tsd-kind-icon">grid<wbr>Limit<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">number</span></div>
 					<aside class="tsd-sources">
 						<ul>
-							<li>Defined in <a href="https://github.com/seleb/draw-1-bit/blob/253e6cb/src/index.ts#L17">index.ts:17</a></li>
+							<li>Defined in <a href="https://github.com/seleb/draw-1-bit/blob/b11e0b5/src/index.ts#L19">index.ts:19</a></li>
 						</ul>
 					</aside>
 				</section>
@@ -363,7 +363,7 @@ <h3>grid<wbr>Size</h3>
 					<div class="tsd-signature tsd-kind-icon">grid<wbr>Size<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">number</span></div>
 					<aside class="tsd-sources">
 						<ul>
-							<li>Defined in <a href="https://github.com/seleb/draw-1-bit/blob/253e6cb/src/index.ts#L16">index.ts:16</a></li>
+							<li>Defined in <a href="https://github.com/seleb/draw-1-bit/blob/b11e0b5/src/index.ts#L18">index.ts:18</a></li>
 						</ul>
 					</aside>
 				</section>
@@ -373,7 +373,7 @@ <h3><span class="tsd-flag ts-flagPrivate">Private</span> height</h3>
 					<div class="tsd-signature tsd-kind-icon">height<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">number</span></div>
 					<aside class="tsd-sources">
 						<ul>
-							<li>Defined in <a href="https://github.com/seleb/draw-1-bit/blob/253e6cb/src/index.ts#L9">index.ts:9</a></li>
+							<li>Defined in <a href="https://github.com/seleb/draw-1-bit/blob/b11e0b5/src/index.ts#L11">index.ts:11</a></li>
 						</ul>
 					</aside>
 				</section>
@@ -383,7 +383,7 @@ <h3>locked</h3>
 					<div class="tsd-signature tsd-kind-icon">locked<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">Record</span><span class="tsd-signature-symbol">&lt;</span><span class="tsd-signature-type">string</span><span class="tsd-signature-symbol">, </span><span class="tsd-signature-type">undefined</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">boolean</span><span class="tsd-signature-symbol">&gt;</span></div>
 					<aside class="tsd-sources">
 						<ul>
-							<li>Defined in <a href="https://github.com/seleb/draw-1-bit/blob/253e6cb/src/index.ts#L23">index.ts:23</a></li>
+							<li>Defined in <a href="https://github.com/seleb/draw-1-bit/blob/b11e0b5/src/index.ts#L25">index.ts:25</a></li>
 						</ul>
 					</aside>
 				</section>
@@ -393,7 +393,7 @@ <h3><span class="tsd-flag ts-flagPrivate">Private</span> pfilling</h3>
 					<div class="tsd-signature tsd-kind-icon">pfilling<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">undefined</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">boolean</span></div>
 					<aside class="tsd-sources">
 						<ul>
-							<li>Defined in <a href="https://github.com/seleb/draw-1-bit/blob/253e6cb/src/index.ts#L14">index.ts:14</a></li>
+							<li>Defined in <a href="https://github.com/seleb/draw-1-bit/blob/b11e0b5/src/index.ts#L16">index.ts:16</a></li>
 						</ul>
 					</aside>
 				</section>
@@ -403,7 +403,7 @@ <h3><span class="tsd-flag ts-flagPrivate">Private</span> px</h3>
 					<div class="tsd-signature tsd-kind-icon">px<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">number</span></div>
 					<aside class="tsd-sources">
 						<ul>
-							<li>Defined in <a href="https://github.com/seleb/draw-1-bit/blob/253e6cb/src/index.ts#L12">index.ts:12</a></li>
+							<li>Defined in <a href="https://github.com/seleb/draw-1-bit/blob/b11e0b5/src/index.ts#L14">index.ts:14</a></li>
 						</ul>
 					</aside>
 				</section>
@@ -413,7 +413,7 @@ <h3><span class="tsd-flag ts-flagPrivate">Private</span> py</h3>
 					<div class="tsd-signature tsd-kind-icon">py<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">number</span></div>
 					<aside class="tsd-sources">
 						<ul>
-							<li>Defined in <a href="https://github.com/seleb/draw-1-bit/blob/253e6cb/src/index.ts#L13">index.ts:13</a></li>
+							<li>Defined in <a href="https://github.com/seleb/draw-1-bit/blob/b11e0b5/src/index.ts#L15">index.ts:15</a></li>
 						</ul>
 					</aside>
 				</section>
@@ -423,7 +423,7 @@ <h3><span class="tsd-flag ts-flagPrivate">Private</span> width</h3>
 					<div class="tsd-signature tsd-kind-icon">width<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">number</span></div>
 					<aside class="tsd-sources">
 						<ul>
-							<li>Defined in <a href="https://github.com/seleb/draw-1-bit/blob/253e6cb/src/index.ts#L8">index.ts:8</a></li>
+							<li>Defined in <a href="https://github.com/seleb/draw-1-bit/blob/b11e0b5/src/index.ts#L10">index.ts:10</a></li>
 						</ul>
 					</aside>
 				</section>
@@ -433,7 +433,7 @@ <h3><span class="tsd-flag ts-flagPrivate">Private</span> x</h3>
 					<div class="tsd-signature tsd-kind-icon">x<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">number</span></div>
 					<aside class="tsd-sources">
 						<ul>
-							<li>Defined in <a href="https://github.com/seleb/draw-1-bit/blob/253e6cb/src/index.ts#L10">index.ts:10</a></li>
+							<li>Defined in <a href="https://github.com/seleb/draw-1-bit/blob/b11e0b5/src/index.ts#L12">index.ts:12</a></li>
 						</ul>
 					</aside>
 				</section>
@@ -443,7 +443,7 @@ <h3><span class="tsd-flag ts-flagPrivate">Private</span> y</h3>
 					<div class="tsd-signature tsd-kind-icon">y<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">number</span></div>
 					<aside class="tsd-sources">
 						<ul>
-							<li>Defined in <a href="https://github.com/seleb/draw-1-bit/blob/253e6cb/src/index.ts#L11">index.ts:11</a></li>
+							<li>Defined in <a href="https://github.com/seleb/draw-1-bit/blob/b11e0b5/src/index.ts#L13">index.ts:13</a></li>
 						</ul>
 					</aside>
 				</section>
@@ -460,7 +460,7 @@ <h3>add<wbr>Event<wbr>Listener</h3>
 						<li class="tsd-description">
 							<aside class="tsd-sources">
 								<ul>
-									<li>Defined in <a href="https://github.com/seleb/draw-1-bit/blob/253e6cb/src/index.ts#L278">index.ts:278</a></li>
+									<li>Defined in <a href="https://github.com/seleb/draw-1-bit/blob/b11e0b5/src/index.ts#L291">index.ts:291</a></li>
 								</ul>
 							</aside>
 							<h4 class="tsd-parameters-title">Parameters</h4>
@@ -484,7 +484,7 @@ <h3>fill</h3>
 						<li class="tsd-description">
 							<aside class="tsd-sources">
 								<ul>
-									<li>Defined in <a href="https://github.com/seleb/draw-1-bit/blob/253e6cb/src/index.ts#L260">index.ts:260</a></li>
+									<li>Defined in <a href="https://github.com/seleb/draw-1-bit/blob/b11e0b5/src/index.ts#L273">index.ts:273</a></li>
 								</ul>
 							</aside>
 							<h4 class="tsd-parameters-title">Parameters</h4>
@@ -502,7 +502,7 @@ <h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">boolean</
 						<li class="tsd-description">
 							<aside class="tsd-sources">
 								<ul>
-									<li>Defined in <a href="https://github.com/seleb/draw-1-bit/blob/253e6cb/src/index.ts#L267">index.ts:267</a></li>
+									<li>Defined in <a href="https://github.com/seleb/draw-1-bit/blob/b11e0b5/src/index.ts#L280">index.ts:280</a></li>
 								</ul>
 							</aside>
 							<div class="tsd-comment tsd-typography">
@@ -540,7 +540,7 @@ <h3>lock</h3>
 						<li class="tsd-description">
 							<aside class="tsd-sources">
 								<ul>
-									<li>Defined in <a href="https://github.com/seleb/draw-1-bit/blob/253e6cb/src/index.ts#L241">index.ts:241</a></li>
+									<li>Defined in <a href="https://github.com/seleb/draw-1-bit/blob/b11e0b5/src/index.ts#L254">index.ts:254</a></li>
 								</ul>
 							</aside>
 							<h4 class="tsd-parameters-title">Parameters</h4>
@@ -558,7 +558,7 @@ <h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">boolean</
 						<li class="tsd-description">
 							<aside class="tsd-sources">
 								<ul>
-									<li>Defined in <a href="https://github.com/seleb/draw-1-bit/blob/253e6cb/src/index.ts#L248">index.ts:248</a></li>
+									<li>Defined in <a href="https://github.com/seleb/draw-1-bit/blob/b11e0b5/src/index.ts#L261">index.ts:261</a></li>
 								</ul>
 							</aside>
 							<div class="tsd-comment tsd-typography">
@@ -595,7 +595,7 @@ <h3><span class="tsd-flag ts-flagPrivate">Private</span> move</h3>
 						<li class="tsd-description">
 							<aside class="tsd-sources">
 								<ul>
-									<li>Defined in <a href="https://github.com/seleb/draw-1-bit/blob/253e6cb/src/index.ts#L117">index.ts:117</a></li>
+									<li>Defined in <a href="https://github.com/seleb/draw-1-bit/blob/b11e0b5/src/index.ts#L119">index.ts:119</a></li>
 								</ul>
 							</aside>
 							<h4 class="tsd-parameters-title">Parameters</h4>
@@ -618,7 +618,7 @@ <h3><span class="tsd-flag ts-flagPrivate">Private</span> on<wbr>Canvas<wbr>Move<
 						<li class="tsd-description">
 							<aside class="tsd-sources">
 								<ul>
-									<li>Defined in <a href="https://github.com/seleb/draw-1-bit/blob/253e6cb/src/index.ts#L109">index.ts:109</a></li>
+									<li>Defined in <a href="https://github.com/seleb/draw-1-bit/blob/b11e0b5/src/index.ts#L111">index.ts:111</a></li>
 								</ul>
 							</aside>
 							<h4 class="tsd-parameters-title">Parameters</h4>
@@ -641,7 +641,7 @@ <h3><span class="tsd-flag ts-flagPrivate">Private</span> on<wbr>Down</h3>
 						<li class="tsd-description">
 							<aside class="tsd-sources">
 								<ul>
-									<li>Defined in <a href="https://github.com/seleb/draw-1-bit/blob/253e6cb/src/index.ts#L152">index.ts:152</a></li>
+									<li>Defined in <a href="https://github.com/seleb/draw-1-bit/blob/b11e0b5/src/index.ts#L165">index.ts:165</a></li>
 								</ul>
 							</aside>
 							<h4 class="tsd-parameters-title">Parameters</h4>
@@ -664,7 +664,7 @@ <h3><span class="tsd-flag ts-flagPrivate">Private</span> on<wbr>Mouse<wbr>Out</h
 						<li class="tsd-description">
 							<aside class="tsd-sources">
 								<ul>
-									<li>Defined in <a href="https://github.com/seleb/draw-1-bit/blob/253e6cb/src/index.ts#L163">index.ts:163</a></li>
+									<li>Defined in <a href="https://github.com/seleb/draw-1-bit/blob/b11e0b5/src/index.ts#L177">index.ts:177</a></li>
 								</ul>
 							</aside>
 							<h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">void</span></h4>
@@ -681,7 +681,7 @@ <h3><span class="tsd-flag ts-flagPrivate">Private</span> on<wbr>Up</h3>
 						<li class="tsd-description">
 							<aside class="tsd-sources">
 								<ul>
-									<li>Defined in <a href="https://github.com/seleb/draw-1-bit/blob/253e6cb/src/index.ts#L171">index.ts:171</a></li>
+									<li>Defined in <a href="https://github.com/seleb/draw-1-bit/blob/b11e0b5/src/index.ts#L183">index.ts:183</a></li>
 								</ul>
 							</aside>
 							<h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">void</span></h4>
@@ -698,7 +698,7 @@ <h3><span class="tsd-flag ts-flagPrivate">Private</span> on<wbr>Window<wbr>Move<
 						<li class="tsd-description">
 							<aside class="tsd-sources">
 								<ul>
-									<li>Defined in <a href="https://github.com/seleb/draw-1-bit/blob/253e6cb/src/index.ts#L113">index.ts:113</a></li>
+									<li>Defined in <a href="https://github.com/seleb/draw-1-bit/blob/b11e0b5/src/index.ts#L115">index.ts:115</a></li>
 								</ul>
 							</aside>
 							<h4 class="tsd-parameters-title">Parameters</h4>
@@ -721,7 +721,7 @@ <h3>remove<wbr>Event<wbr>Listener</h3>
 						<li class="tsd-description">
 							<aside class="tsd-sources">
 								<ul>
-									<li>Defined in <a href="https://github.com/seleb/draw-1-bit/blob/253e6cb/src/index.ts#L291">index.ts:291</a></li>
+									<li>Defined in <a href="https://github.com/seleb/draw-1-bit/blob/b11e0b5/src/index.ts#L304">index.ts:304</a></li>
 								</ul>
 							</aside>
 							<h4 class="tsd-parameters-title">Parameters</h4>
@@ -744,7 +744,7 @@ <h3>render</h3>
 						<li class="tsd-description">
 							<aside class="tsd-sources">
 								<ul>
-									<li>Defined in <a href="https://github.com/seleb/draw-1-bit/blob/253e6cb/src/index.ts#L180">index.ts:180</a></li>
+									<li>Defined in <a href="https://github.com/seleb/draw-1-bit/blob/b11e0b5/src/index.ts#L193">index.ts:193</a></li>
 								</ul>
 							</aside>
 							<div class="tsd-comment tsd-typography">
@@ -766,7 +766,7 @@ <h3>resize</h3>
 						<li class="tsd-description">
 							<aside class="tsd-sources">
 								<ul>
-									<li>Defined in <a href="https://github.com/seleb/draw-1-bit/blob/253e6cb/src/index.ts#L229">index.ts:229</a></li>
+									<li>Defined in <a href="https://github.com/seleb/draw-1-bit/blob/b11e0b5/src/index.ts#L242">index.ts:242</a></li>
 								</ul>
 							</aside>
 							<div class="tsd-comment tsd-typography">
@@ -799,7 +799,7 @@ <h3><span class="tsd-flag ts-flagPrivate">Private</span> resize<wbr>Canvas</h3>
 						<li class="tsd-description">
 							<aside class="tsd-sources">
 								<ul>
-									<li>Defined in <a href="https://github.com/seleb/draw-1-bit/blob/253e6cb/src/index.ts#L101">index.ts:101</a></li>
+									<li>Defined in <a href="https://github.com/seleb/draw-1-bit/blob/b11e0b5/src/index.ts#L103">index.ts:103</a></li>
 								</ul>
 							</aside>
 							<h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">void</span></h4>
diff --git a/package-lock.json b/package-lock.json
index 05393be..53e599b 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -1,6 +1,6 @@
 {
   "name": "draw-1-bit",
-  "version": "1.0.3",
+  "version": "1.1.0",
   "lockfileVersion": 1,
   "requires": true,
   "dependencies": {
diff --git a/package.json b/package.json
index cda6dd3..b3d8695 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "draw-1-bit",
-  "version": "1.0.3",
+  "version": "1.1.0",
   "description": "simple 1-bit 2D canvas drawing interface",
   "main": "build/main/index.js",
   "typings": "build/main/index.d.ts",