Leabharlann iomráiteach le haghaidh Nótaí Íomhánna JavaScript

Cuir líníochtaí, nótaí tráchta agus lipéid le híomhánna ar leathanaigh ghréasáin ag baint úsáide as leabharlann Anotorious i JavaScript.

Cad is Annorious?

Is leabharlann nótaí foinse oscailte é Annotorious atá scríofa i JavaScript a cheadaíonn nótaí a chur leis ar íomhánna laistigh den bhrabhsálaí trí chruthanna a tharraingt ar shuímh inmhianaithe na híomhá. Nuair a tharraingítear cruth le haghaidh anótála, osclaíonn sé mír aníos freisin chun nótaí tráchta a chur leis agus fiú an nóta a lipéadú trí chlibeanna a chur leis. Tacaíonn Leabharlann freisin le freagraí a chur le nótaí atá ann cheana féin agus iad a scriosadh freisin, más gá.

Tá cuid de na gnéithe a fhaigheann tacaíocht ó leabharlann Anotorious liostaithe thíos:

Tarraing Cruthanna: Cuireann Anotorious ar chumas úsáideoirí cruthanna cosúil le dronuilleoga, ciorcail, éilipsí, agus nótaí saorláimhe a tharraingt ar íomhánna.
Tuairimí & Nótaí: Is féidir le húsáideoirí nótaí tráchta agus nótaí saincheaptha a chur le codanna ar leith d'íomhá trí úsáid a bhaint as Annotorious.
Lipéadú nó Clibeáil: Tacaíonn Anotorious leis an gcumas lipéid nó clibeanna a chur leis chun anótáil a dhéanamh ar réimsí nó oibiachtaí éagsúla laistigh d'íomhá.
Comhtháthú: Is féidir Anotorious a chomhtháthú go héasca i leathanaigh ghréasáin agus láithreáin ghréasáin, ag ligean d'fheidhmiúlacht nótaí gan uaim.
Saincheapadh: Soláthraíonn an leabharlann roghanna chun cuma agus iompar nótaí a shaincheapadh chun freastal ar do chuid riachtanas.
Comhoiriúnacht: Oibríonn Annotorious go maith le brabhsálaithe agus ardáin éagsúla gréasáin, rud a fhágann go bhfuil sé ilúsáideach do thimpeallachtaí éagsúla.

GitHub Stats

Name:
Language:
Stars:
Forks:
License:
Repository was last updated at

Tús a chur le Anotorious

Tá trí bhealach ann chun Annotorious a fháil agus tosú á úsáid i do thionscadail ghréasáin.

Tar éis duit Node.js a shuiteáil, rith faoin ordú:

Suiteáil Anotorious ag baint úsáide as NPM


npm install @recogito/annotorious

Tá Annotorious á óstáil freisin ar freastalaí CDN saor in aisce agus is féidir leat URLanna mar seo thíos a úsáid:

Íoslódáil an leagan is déanaí de Annotorious réamhthógtha ó GitHub. Tar éis duit an eisiúint zipped a bhaint, feicfidh tú thíos comhaid (áit a n-úsáidfear anotorious.min.css agus anotorious.min.js ar an suíomh Gréasáin le haghaidh nótaí íomhá):

antorious.min.css
antorious.min.js
annorious.umd.js.mapa
recogito-polyfills.js

Cuir Anótálacha le hÍomhánna

Má íoslódálann muid eisiúint réamhthógtha, gheobhaimid comhaid antorious.min.css agus anotorious.min.js ar féidir iad a nascadh leis an suíomh Gréasáin sa chlib chinn chun Anotorious a chomhtháthú Leabharlann javascript. Tar éis an leabharlann nótaí íomhá a chomhtháthú, is féidir linn íomhá a chur leis ar gá nótaí a chur léi agus ar deireadh is féidir linn cód JavaScript a scríobh chun leabharlann Annotorious a thúsú chun nótaí a chur leis an íomhá.

Ní léiríonn an cód thuas ach íomhá sa bhrabhsálaí réidh le haghaidh nótaí. Nuair a bheidh an íomhá agus an leabharlann lódáilte sa bhrabhsálaí, is féidir linn tapáil faoi dhó, coinneáil agus tarraing ar shuíomh inmhianaithe na híomhá chun cruth a tharraingt chun an limistéar riachtanach a aibhsiú. Nuair a bhíonn an cruth tarraingthe, osclaíonn mír aníos a ligeann duit tuairimí a chur leis agus fiú tráchtanna a bhaineann le lipéad/clibeáil a chur leis. Mar shampla, seiceáil an scáileán thíos:

Cuir nótaí leis an íomhá

Cuir Anótálacha Stóráilte JSON le hÍomhánna

Sa sampla roimhe seo, thaispeáin muid conas leabharlann Anotorious a chomhtháthú leis an leathanach gréasáin agus nótaí a tharraingt de láimh ar an íomhá. Mar sin féin, is féidir freisin nótaí réamhshainithe a stóráil i gcomhad JSON lena n-áirítear a suíomhanna, sonraí nótaí a luchtú ó chomhad JSON ag baint úsáide as an modh loadAnnotations agus ansin na nótaí sin a chur leis an íomhá go huathoibríoch.

Nóta: Cloíonn Annotorious le Samhail Sonraí Anótála Gréasáin W3C agus Sonraíocht Blúirí Meán W3C chun nótaí a chur leis ar chodanna nó blúirí sonracha acmhainn meán. Mar sin, ba cheart struchtúr comhaid JSON comhoiriúnach a úsáid.

Seo thíos an comhad samplach annotations.json a úsáidtear chun nótaí a chur leis an íomhá go huathoibríoch:

Lódálann an cód thuas sonraí nótaí ó chomhad anótálacha.json agus cuireann sé leis an íomhá iad go huathoibríoch. Mar shampla, seiceáil an scáileán thíos:

Cuir nótaí stóráilte JSON leis an íomhá

Taispeántas Ar Líne

Is féidir leat triail a bhaint as an dá shampla thuas ar líne freisin trí Taispeántas Anótála Íomhá agus taispeána Anótálacha Íomhá bunaithe ar JSON chun tuiscint níos fearr a fháil ar leabharlann Anotorious JavaScript.

Conclúid

Is leabharlann foinse oscailte agus iontach é Anotorious JavaScript: mar sin féin, ní thacaíonn sé ach le nótaí a chur le híomhánna. Ina theannta sin, tá líon teoranta cruthanna ar féidir a úsáid le haghaidh nótaí.