Brunobkr/llama.cpp_AlgMor24_github

1# Rough.js2 3<b>Rough.js</b> is a small (\<9 kB) graphics library that lets you draw in a _sketchy_, _hand-drawn-like_, style.4The library defines primitives to draw lines, curves, arcs, polygons, circles, and ellipses. It also supports drawing [SVG paths](https://developer.mozilla.org/en-US/docs/Web/SVG/Tutorial/Paths).5 6Rough.js works with both [Canvas](https://developer.mozilla.org/en-US/docs/Web/API/Canvas_API) and [SVG](https://developer.mozilla.org/en-US/docs/Web/SVG).7 8![Rough.js sample](https://roughjs.com/images/cap_demo.png)9 10[@RoughLib](https://twitter.com/RoughLib) on Twitter.11 12## Install13 14from npm:15 16```17npm install --save roughjs18```19 20Or get the latest using unpkg: https://unpkg.com/roughjs@latest/bundled/rough.js21 22 23If you are looking for bundled version in different formats, the npm package will have these in the following locations:24 25CommonJS: `roughjs/bundled/rough.cjs.js`26 27ESM: `roughjs/bundled/rough.esm.js`28 29Browser IIFE: `roughjs/bundled/rough.js`30 31 32## Usage33 34![Rough.js rectangle](https://roughjs.com/images/m1.png)35 36```js37const rc = rough.canvas(document.getElementById('canvas'));38rc.rectangle(10, 10, 200, 200); // x, y, width, height39```40 41or SVG42 43```js44const rc = rough.svg(svg);45let node = rc.rectangle(10, 10, 200, 200); // x, y, width, height46svg.appendChild(node);47```48 49### Lines and Ellipses50 51![Rough.js rectangle](https://roughjs.com/images/m2.png)52 53```js54rc.circle(80, 120, 50); // centerX, centerY, diameter55rc.ellipse(300, 100, 150, 80); // centerX, centerY, width, height56rc.line(80, 120, 300, 100); // x1, y1, x2, y257```58 59### Filling60 61![Rough.js rectangle](https://roughjs.com/images/m3.png)62 63```js64rc.circle(50, 50, 80, { fill: 'red' }); // fill with red hachure65rc.rectangle(120, 15, 80, 80, { fill: 'red' });66rc.circle(50, 150, 80, {67  fill: "rgb(10,150,10)",68  fillWeight: 3 // thicker lines for hachure69});70rc.rectangle(220, 15, 80, 80, {71  fill: 'red',72  hachureAngle: 60, // angle of hachure,73  hachureGap: 874});75rc.rectangle(120, 105, 80, 80, {76  fill: 'rgba(255,0,200,0.2)',77  fillStyle: 'solid' // solid fill78});79```80 81Fill styles can be: **hachure**(default), **solid**, **zigzag**, **cross-hatch**, **dots**, **dashed**, or **zigzag-line**82 83![Rough.js fill examples](https://roughjs.com/images/m14.png)84 85### Sketching style86 87![Rough.js rectangle](https://roughjs.com/images/m4.png)88 89```js90rc.rectangle(15, 15, 80, 80, { roughness: 0.5, fill: 'red' });91rc.rectangle(120, 15, 80, 80, { roughness: 2.8, fill: 'blue' });92rc.rectangle(220, 15, 80, 80, { bowing: 6, stroke: 'green', strokeWidth: 3 });93```94 95### SVG Paths96 97![Rough.js paths](https://roughjs.com/images/m5.png)98 99```js100rc.path('M80 80 A 45 45, 0, 0, 0, 125 125 L 125 80 Z', { fill: 'green' });101rc.path('M230 80 A 45 45, 0, 1, 0, 275 125 L 275 80 Z', { fill: 'purple' });102rc.path('M80 230 A 45 45, 0, 0, 1, 125 275 L 125 230 Z', { fill: 'red' });103rc.path('M230 230 A 45 45, 0, 1, 1, 275 275 L 275 230 Z', { fill: 'blue' });104```105 106SVG Path with simplification:107 108![Rough.js texas map](https://roughjs.com/images/m9.png) ![Rough.js texas map](https://roughjs.com/images/m10.png)109 110## Examples111 112![Rough.js US map](https://roughjs.com/images/m6.png)113 114[View examples here](https://github.com/pshihn/rough/wiki/Examples)115 116## API & Documentation117 118[Full Rough.js API](https://github.com/pshihn/rough/wiki)119 120## Credits121 122Some of the core algorithms were adapted from [handy](https://www.gicentre.net/software/#/handy/) processing lib.123 124Algorithm to convert SVG arcs to Canvas [described here](https://www.w3.org/TR/SVG/implnote.html) was adapted from [Mozilla codebase](https://hg.mozilla.org/mozilla-central/file/17156fbebbc8/content/svg/content/src/nsSVGPathDataParser.cpp#l887)125 126## Contributors127 128### Financial Contributors129 130Become a financial contributor and help us sustain our community. [[Contribute](https://opencollective.com/rough/contribute)]131 132#### Individuals133 134<a href="https://opencollective.com/rough"><img src="https://opencollective.com/rough/individuals.svg?width=890"></a>135 136#### Organizations137 138Support this project with your organization. Your logo will show up here with a link to your website. [[Contribute](https://opencollective.com/rough/contribute)]139 140<a href="https://excalidraw.com/"><img src="https://avatars.githubusercontent.com/u/59452120?s=64&v=4"></a>141<a href="https://www.diagrams.net/"><img src="https://avatars.githubusercontent.com/u/1769238?s=64&v=4"></a>142<a href="https://terrastruct.com/"><img width="64" height="64" src="https://roughjs.com/images/sponsors/terrastruct.png"></a>143<a href="https://opencollective.com/rough/organization/0/website"><img src="https://opencollective.com/rough/organization/0/avatar.svg"></a>144<a href="https://opencollective.com/rough/organization/1/website"><img src="https://opencollective.com/rough/organization/1/avatar.svg"></a>145<a href="https://opencollective.com/rough/organization/2/website"><img src="https://opencollective.com/rough/organization/2/avatar.svg"></a>146<a href="https://opencollective.com/rough/organization/3/website"><img src="https://opencollective.com/rough/organization/3/avatar.svg"></a>147<a href="https://opencollective.com/rough/organization/4/website"><img src="https://opencollective.com/rough/organization/4/avatar.svg"></a>148<a href="https://opencollective.com/rough/organization/5/website"><img src="https://opencollective.com/rough/organization/5/avatar.svg"></a>149<a href="https://opencollective.com/rough/organization/6/website"><img src="https://opencollective.com/rough/organization/6/avatar.svg"></a>150<a href="https://opencollective.com/rough/organization/7/website"><img src="https://opencollective.com/rough/organization/7/avatar.svg"></a>151<a href="https://opencollective.com/rough/organization/8/website"><img src="https://opencollective.com/rough/organization/8/avatar.svg"></a>152<a href="https://opencollective.com/rough/organization/9/website"><img src="https://opencollective.com/rough/organization/9/avatar.svg"></a>153 154## License155[MIT License](https://github.com/pshihn/rough/blob/master/LICENSE) (c) [Preet Shihn](https://twitter.com/preetster)156