JSFiddle - React, Tailwind, and code Playground

HTML

<link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/dot-luv/jquery-ui.css">
Window:
<div id="myDiv"></div>

Full Image:
<img src="http://dummyimage.com/600x400/000/fff.jpg&text=Test+Image" />

CSS

.ms-vb2-icon { background: red; width: 10px; height: 10px; }

JavaScript

var img = { x1: 230, x2: 520, y1: 116, y2:300 , url: "http://dummyimage.com/600x400/000/fff.jpg&text=Test+Image" };
$("#myDiv").css({
  width: img.x2 - img.x1,
  height: img.y2 - img.y1,
  background: "url('" + img.url + "')",
  backgroundPosition: -img.x1 + "px " + -img.y1 + "px"
});