canvas x/y

Overzicht Reageren

Sponsored by: Vacatures door Monsterboard

Frontend Developer Vue Nuxt HBO Javascript

Samengevat: Deze werkgever levert elke dag betere digitale gebruikerservaringen. Ben jij geschikt als frontend Developer? Heb je ervaring met Vue en Nuxt? Vaste baan: Front-End Developer HBO €3.100 - €4.600 Zij bieden opdrachtgevers een complete dienstverlening op gebied van ontwerpen en ontwikkelen van websites, zoekmachine optimalisatie, online adverteren, content marketing en conversie verbetering. Zij werken met een eigen ontwikkeld CMS. Bij bij hun werk je aan onze eigen bedrijfsapplicaties. Je ontwikkelt met ons de meest nieuwe software. Wij blinken uit als het gaat om de inzet van technologie. Deze werkgever staat open voor elke nieuwe trend. Onze systemen zijn groot

Bekijk vacature »

Senior Full Stack developer

Bedrijfsomschrijving tbd Functieomschrijving Full Stack Java Development bij Randstad Groep Nederland (HQ) Er is een vacature in het Corporate Client Solutions (CCS) team. Dit team is met een ander team net begonnen aan het project ‘Grip op Inhuur’. Het doel van dit project is de tevredenheid van onze leveranciers te verhogen en de efficiëntie van onze administratie te verbeteren. Onderdeel daarvan is een ‘Mijn-omgeving’ voor ZZP’ers en leveranciers. Naast dit nieuwe project werkt het team ook aan het onderhoud en verbeteren van een digitaal vacature management systeem waarmee dagelijks vele vacatures worden voorzien. Het team ontwikkelt zo veel mogelijk zelf

Bekijk vacature »

UX Writer (m/v/d)

UX Writer (m/v/d) Everything we do, starts with you. Together with you, we build the most human-centric fintech. We have the ambition to create the next. And - with Bertelsmann - a strong foundation to start from. Let’s make it new – for society and for yourself. Wij zijn op zoek naar een UX Writer (m/v/d) Fulltime - Op ons kantoor in Amsterdam of Heerenveen / deels vanuit huis Als UX Writer bij Riverty hou jij je bezig met onze strategie om daar te zijn waar onze gebruikers zijn en op de manier waarop zij ons nodig hebben, terwijl wij

Bekijk vacature »

Applicatiebeheerder/ Ontwikkelaar

Dit ga je doen - Verantwoordelijkheid dragen voor het complexe applicatielandschap; - Schakelen met eindgebruikers en leveranciers; - Verdeling in werkzaamheden tussen dagelijks beheer ontwikkelen; - Het analyseren van de behoeften van gebruikers en het vertalen hiervan naar functionele specificaties voor de applicaties; - Actief bijdragen aan het leveren van passende oplossingen voor het applicatielandschap. Hier ga je werken Deze organisatie, gevestigd in de regio van Amsterdam is een van de meest toonaangevende mediaorganisaties in Nederland. Door de organisatiecultuur krijg jij veel ruimte om initiatief te nemen en zelfstandig aan het werk te gaan. Samen met het IT team zorg

Bekijk vacature »

Software Developer PHP JavaScript Python HBO SQL

Samengevat: Wij zijn een softwarebedrijf voor Autodealers. Ben jij een Medior of Senior Software Developer? Heb je ervaring met PHP, JavaScript of Python? Vaste baan: Java.Developer Software HBO €3.000 - €5.200 Bij ons op de werkvloer is er een positieve en informele sfeer. Naast een goede begeleiding en een enthousiaste klantenkring biedt deze werkgever een prettige omgeving met zeer afwisselende werkzaamheden. Houd jij van aanpakken en denk je dat je deze uitdaging aankunt? Dan zoeken wij jou! Zij werken voor grote klanten. Zij doen omvangrijke projecten die we bij deze werkgever op kantoor realiseren (geen detachering). Zij werken met state-of-the-art

Bekijk vacature »

Klein team zoekt grote fullstack .NET developer to

Bedrijfsomschrijving Deze werkgever is marktleider in de Benelux en is Europees ook al aardig aan de weg aan het timmeren. Ze voorzien technische winkels van apparatuur om producten een langer leven te geven. Hiermee reduceren ze flink wat CO2 uitstoot en dat is natuurlijk goed voor iedereen! IT speelt een belangrijke rol in de bedrijfsvoering en de applicaties zijn van goed niveau. Als fullstack .NET developer ga jij je bijdrage leveren aan het verder verbeteren van de applicaties en de interne processen. Ze zijn nu met ruim 50 medewerkers in totaal en de afdeling development bestaat uit een 5tal developers.

Bekijk vacature »

Junior .NET developer

Functie Wij zijn bezig met het ontwikkelen van een nieuw product en wij hebben jouw hulp hierbij nodig! Als junior .NET ontwikkelaar krijg jij de kans om samen met ons deze nieuwe uitdaging aan te gaan! Momenteel bestaat ons team uit drie interim Software Engineers. Twee hiervan zijn zeer ervaren .NET specialisten die inmiddels hun strepen in dit vakgebied al hebben behaald. Ook hebben wij een junior als onderdeel van ons team die zich op dit moment nog bezig houdt met de Front-end (Angular/TypeScript), maar zich nu ook meer gaat verdiepen in de backend. Wij willen ons team graag verder

Bekijk vacature »

C#.NET Developer

Functieomschrijving We are looking for a dutch native speaker In deze uitdagende functie ga je werken als onderdeel van het development team, in de functie van C#.NET Developer, Je gaat maatwerk software bouwen voor diverse klanten. Ook optimaliseer je bestaande software en bouw je API koppelingen. Je bent vooral met back-end development bezig. Je krijgt veel vrijheid in deze functie en je krijgt de kans om mee te denken in bedrijfsprocessen. Deels thuiswerken is geen enkel probleem! Bedrijfsprofiel Deze organisatie is gevestigd in de regio van Boxtel. Het is van oorsprong een familiebedrijf, die gestart zijn met het bouwen van

Bekijk vacature »

Medior Mobile Developer iOS Amsterdam

Functie What will you be doing as Mobile Developer? As an iOS app developer you will work in a multidisciplinary team of app developers, web developers and designers. You will work on world-class apps that will be used by thousands of people. There is a lot of room for self-development on a technical and personal level. Together with the rest of the team you develop in the newest techniques and you go for the best quality. We work with Kotlin Multiplatform Mobile to develop hybrid apps and we guarantee quality with peer reviews, unit testing and we use a CI/CD.

Bekijk vacature »

Developer Full Stack

Functie omschrijving Full Stack Developer gezocht! Wij zijn op zoek naar een Full Stack Developer voor een bedrijf in de regio Nijkerk. Je maakt in deze functie onderdeel uit van een groeiend team met een goede ambitie waarbij eenheid, betrokken en overtreffen de belangrijkste kernwaardes zijn. Het bedrijf werkt volgens de AGILE/SCRUM methode, wat je o.a. terug vindt in de tweewekelijkse sprints, retrospectives en een daily standup. Je takenpakket bestaat uit: Bijdragen aan het door ontwikkelen, onderhouden en optimaliseren van een Saas applicatie; Bijdragen aan de innovatie van het bedrijf en hun klanten; Het ontwikkelen op de laatste technologie van

Bekijk vacature »

Medior Java developer (fullstack)

Wat je gaat doen: Of beter nog, wat wil jij doen? Binnen DPA GEOS zijn we dan ook op zoek naar enthousiaste Java developers om ons development team te versterken. Als Java developer werk je in Agile/Scrum teams bij onze klanten en daarbij kun je eventueel ook andere ontwikkelaars begeleiden in het softwareontwikkelproces. Verder draag je positief bij aan de teamgeest binnen een projectteam en je kijkt verder dan je eigen rol. Je gaat software maken voor verschillende opdrachtgevers in jouw regio. Je bent een professional die het IT-vak serieus neemt en kwaliteit levert. Je leert snel vanwege je diepgaande

Bekijk vacature »

Junior PHP Developer

Functieomschrijving Junior PHP Developer gezocht! Voor een opdrachtgever in de regio Gelderland zijn wij op zoek naar een Junior PHP Developer die onderdeel gaat worden van het ontwikkelingsteam van deze organisatie. In deze functie ga jij aan de slag met het schrijven van software voor de aansturing van en het managen van windparken en bijbehorende onderdelen. Hiernaast ga jij je bezighouden met het ontwikkelen, testen en onderhouden van diverse webapplicaties. Het team waarin je komt te werken bestaat uit 3 developers, hierdoor krijg je veel verantwoordelijkheid en de kans om jezelf verder te ontwikkelen. Er wordt echter wel van je

Bekijk vacature »

Technical Asset Specialist Substations

TenneT is growing fast to realize its strategic ambitions. We play a leading role in driving the energy transition. We are looking for a passionate Technical Asset Specialist for substations (onshore and offshore) at our location in Arnhem who will contribute to this and that might be you? Your contribution to TenneT We are searching for a motivated and engaged colleague as a technical asset specialist (onshore and offshore) for instrument transformers and surge arresters, with preferably a strong background in the area of insulation coordination. As a specialist for insulation coordination you are responsible for overarching topics regarding insultation

Bekijk vacature »

Full Stack Software Developer C#.NET

Functieomschrijving Wij zijn op zoek naar een gepassioneerde Full Stack C#.NET Software Developer. Als Software Developer ben je verantwoordelijk voor het ontwikkelen van webapplicaties, apps en dashboards voor de eigen IOT-oplossingen. Je werkt samen met andere ontwikkelaars en engineers om de sensoren in machines uit te lezen en deze data om te zetten in management informatie voor jullie klanten. Taken en verantwoordelijkheden: Ontwikkelen en onderhouden van webapplicaties, apps en dashboards voor de eigen IOT-oplossingen. Testen en valideren van de ontwikkelde software. Actief deelnemen aan code reviews en bijdragen aan het verbeteren van de kwaliteit van de software. Je gaat aan

Bekijk vacature »

Junior .NET developer

Functie Als junior .NET Developer start jij in een team met 15 developers. In het team is er genoeg senioriteit om ervoor te zorgen dat jij de juiste begeleiding krijgt. Jij begint als eerst alle software pakketten en processen eigen te maken. Vervolgens ga jij deze software programmeren, onderhouden en testen. Ook ga jij research doen naar nieuwe mogelijkheden en zoek jij uit hoe je dit kan implementeren. Jullie werken intern op project basis en afhankelijk van het project werken jullie wel of niet iedere ochtend met een standup. Je gaat als Full stack developer aan de slag en gaat

Bekijk vacature »
Jan R

Jan R

20/07/2020 10:50:51
Quote Anchor link
Hi,

ik slaag er niet in om de juiste X/Y coördinaten te vinden.
Zoals te zien in de code heb ik al een paar mogelijkheden geprobeerd.

https://www.janr.be/html2canvas/

Met de huidige code werkt het perfect onder edge op local server. Echter via chrome of op een productie server lukt het niet.

Kan iemand eens een kritische blik werpen?

Jan
 
PHP hulp

PHP hulp

23/11/2024 06:26:34
 

20/07/2020 11:22:23
Quote Anchor link
Wat bedoel je precies met 'de juiste coordinaten'?
 
Jan R

Jan R

20/07/2020 13:40:17
Quote Anchor link
wat zouden xy coördinaten kunnen zijn:)
 
Thomas van den Heuvel

Thomas van den Heuvel

20/07/2020 14:55:05
Quote Anchor link
Waarvan? Je bedoelt waarom de muispointer niet de punt van je "penseel" is in de "screenshot"?

Ik denk dat dit op een of andere manier met schaal te maken heeft.

Probeer maar eens een diagonale lijn te trekken van de linker bovenhoek naar de rechter onderhoek. De lijn start precies op de muispointer, maar naarmate je de rechter onderhoek nadert wordt de afstand tussen de getrokken lijn en de muispointer groter.
 
Jan R

Jan R

20/07/2020 18:01:23
Quote Anchor link
Inderdaad. De X/Y kloppen niet. zoals je ziet in de javascript heb ik al enkele pogingen ondernomen. getMousePos, getMousePos1 en getMousePos2 en dan nog de andere die ik al gewist heb.

De canvas is 800X600 wat ook doorkomt in js. Deze komt niet door als je werkt met css :(
Ik heb al gekeken naar de border ed echter zonder succes. Er zou iets met de schaal kunnen. Ik vind het niet.

Ter herinnering. EXACT dezelfde code, die jullie nu kunnen zien, onder edge 83 werkte lokaal maar niet op productie. Ook een ander resultaat in chrome.

Even ter verduidelijking. De bedoeling is als iemand een fout ziet op de site, hij deze kan kopiëren naar een print-screen aantekeningen maken en dan posten naar de webbeheerder. Het post deel werkt.

1 persoon heeft een foto genomen zonder te bewerken en dan gepost.

Jan

update. Er was blijkbaar een bug in edge 83. Vandaag 84 ontvangen en nu lukt ongeveer alles :)

Aan allen welke meewerkten: BEDANKT

Jan

Toevoeging op 20/07/2020 19:11:21:

Voor wie wilt. Blijft nog een paar weken staan. Misschien zijn er nog geïnteresseerden.
Gewijzigd op 20/07/2020 19:09:35 door Jan R
 

20/07/2020 21:02:59
Quote Anchor link
Het is zeker een leuk idee. Het zou nog beter zijn als het ook cross-platform zou werken. Op mijn systeem (Linux, KDE Plasma, Firefox ESR) zit er een witrand onder de screenshot, en de schaal van de getekende lijn klopt niet. De X/Y-schaal van de getekende lijn is te groot vanuit de oorsprong, waardoor alles vergroot naar rechts onder getekend wordt. Misschien heeft het te maken met dat ik een 4k-scherm heb?

Afgezien van het issue met de coordinaten gebruik je een grote JS-library html2canvas. Misschien ben je via Google op een draad van SO gekomen (https://stackoverflow.com/questions/4912092/using-html5-canvas-javascript-to-take-in-browser-screenshots) maar html2canvas heeft vrij veel issues (https://github.com/niklasvh/html2canvas/issues) en het is inmiddels ingehaald door de JavaScript-functie getDisplayMedia(). Zie ook https://www.w3.org/TR/screen-capture en https://developer.mozilla.org/en-US/docs/Web/API/MediaDevices/getDisplayMedia .
getDisplayMedia() wordt ondersteund op alle moderne (desktop) browsers, zie ook https://caniuse.com/#search=getDisplayMedia .

Het zou mooi zijn als we in (vanilla) JS een voorbeeld hebben van het maken, annoteren en opsturen van een screenshot..
 
Jan R

Jan R

21/07/2020 08:37:36
Quote Anchor link
Hi,

De witrand onderaan is logisch. Het scherm bevat dan ook een groot deel wit onderaan. GetDisplayMedia ga ik eens bekijken. Als ik het goed zie/lees met de gebruiker eerst toestemming geven en is dit uitsluitend voor media. Niet voor stilstaand beeld.
Mijn bron: https://html2canvas.hertzen.com/ staat ook vermeld in mijn html.

Jan

Toevoeging op 21/07/2020 19:41:04:

Het begint op iets te trekken
 

21/07/2020 21:34:45
Quote Anchor link
Het nadeel van html2canvas is dat de rendering van de HTML minder compleet, en niet hetzelfde is, als die van een browser. Het kan daardoor helaas geen generieke oplossing zijn, want hoe complexer een site is, hoe groter de kans dat de screenshot helemaal niet lijkt op de site of webapp. Daarom kwam ik met getDisplayMedia(), omdat je daarmee exact kunt zien wat een browser laat zien. Je kunt er zelf meer mee, zoals (i.c.m. WebRTC) iemand live laten meekijken op de site, dat geeft nog veel meer informatie over wat er fout is.

Overigens is het voorbeeld met html2canvas een geslaagde proof of concept, dat laat zien wat de mogelijkheden zijn.
 
Jan R

Jan R

22/07/2020 07:09:29
Quote Anchor link
Volledig akkoord maar hoe kan ik met getDisplayMedia of een ander commando een screendump maken naar een canvas? Ik vind enkel streamen van media als ik hierop zoek.

Jan
 
Yoop Overmaat

Yoop Overmaat

22/07/2020 10:54:32
Quote Anchor link
De x/y = coordinaten van html5 canvas liggen in de linkerbovenhoek van je canvas.
Misschien dat het zo lukt, zoek eens op screenshot i.p.v. screendump.

Voorbeeld:
Link: https://www.tutorialspoint.com/Can-you-take-a-screenshot-of-the-page-using-HTML5-Canvas
 
Jan R

Jan R

22/07/2020 11:04:16
Quote Anchor link
Laat dat nu dezelfde lib zijn als waarmee ik werk :)
 



Overzicht Reageren

 
 

Om de gebruiksvriendelijkheid van onze website en diensten te optimaliseren maken wij gebruik van cookies. Deze cookies gebruiken wij voor functionaliteiten, analytische gegevens en marketing doeleinden. U vindt meer informatie in onze privacy statement.