Context foggy effect canvas

Overzicht Reageren

Sponsored by: Vacatures door Monsterboard

Senior applicatieontwikkelaar

Ben jij een gedreven applicatieontwikkelaar met minimaal drie jaar werkervaring? En wil je een uitdagende baan met impact én jezelf breed ontwikkelen? Bij UPS bouw je mee aan complexe systemen die wereldwijd worden gebruikt en krijg je alle ruimte om nóg beter te worden in je vak. Dit ga je doen In een dynamisch scrumteam werk je aan de hand van processen en technologieën zoals CI/CD en DevOps aan het behalen van jullie doelen. Je bent betrokken bij alle facetten van applicatieontwikkeling: van ontwerpen en bouwen tot testen en implementeren. Je levert ontwerpen die passen bij de onderliggende frameworks en

Bekijk vacature »

Senior Database Developer High-performance databas

Bedrijfsomschrijving For our client in Amsterdam we are searching for a Database Developer that can assist the environment in implementing and optimising high performance databases. The client is one of the biggest financial organizations within the Netherlands. This international organization has more than 20.000 employees and has millions of private and corporate clients and is respected as one of the most innovative organizations in their industry. You will be working in one of the eight scrum teams in the international security domain. These scrum teams contribute to the safety of the bank and its direct customers. They work fully agile/scrum

Bekijk vacature »

Senior Software Developer

Maak jij de cloud oplossing van Sigmax klaar voor opschaling? Zij zoeken een Senior Software Developer Functie omschrijving Zie jij het als een uitdaging om onze cloudoplossing verder door te ontwikkelen, waarbij security, usability en het schaalbaar houden van de oplossing tot je primaire takenpakket hoort? Met andere woorden ben jij in staat om samen met het softwareteam onze cloudoplossing gereed te maken voor opschaling naar meer dan 1000 klanten, zonder dat ons softwareteam daarvoor verder hoeft uit te breiden? Als Senior Software Developer ga jij je bezighouden met ASP.NET MVC, een N-Tier architectuur, SQL Server, multi-tenant, multi-language en encryptie.

Bekijk vacature »

.NET Core Developer C# Kubernetes

Bedrijfsomschrijving Voor een toffe organisatie in de regio Den Haag zijn wij opzoek naar een .NET Core Developer die kennis en ervaring heeft met Kubernetes. Het betreft een innovatieve organisatie waar ze werken met de nieuwste tools en technieken. Het softwareplatform zal je verder ontwikkelen, optimaliseren en werken aan nieuwe projecten en features. Binnen het DevOps-team werk je nauw samen met jouw directe collega's en samen werken jullie iedere dag aan het naar een nog hoger niveau tillen van het softwareplatform. Functieomschrijving Ben jij een .NET Core Developer en wil je werken binnen een hele toffe en innovatieve omgeving? Heb

Bekijk vacature »

.NET Developer

Currently we are specific looking for professionals who speak fluently Dutch on C1 level. .NET engineer met ambitie? De uitgebreide versie: Jij hebt ruim twee jaar ervaring als developer. Nu wil je graag je tanden zetten in nog complexere projecten. Met je team bereik je nieuwe hoogtes en zelfstandig maak je meters. Stilstand is achteruitgang voor jou; je hebt behoefte aan collegae die jou alles leren over Microsoft technologie maar wilt tegelijkertijd ook graag je eigen opgedane kennis delen. Alles wat vandaag nog onbekend is, moet je morgen toepassen in de volgende uitdaging en dàt is wat jou scherp houdt.

Bekijk vacature »

Java Developer Backend Maatschappelijk 1 miljoen k

Functieomschrijving Ben jij opzoek naar echte uitdaging? Wil jij meebouwen aan de toekomst? Als deze applicatie niet werkt dan is dit groot nieuws op televisie! Een nieuwe backend applicatie bouwen met de laatste technieken (Java, Weblogic, Oracle databases) Uitvoeren van diverse analyses; Bestaande applicatie uit faseren; Nauwe samenwerking met andere disciplines; Sparingspartners voor andere ontwikkelaars; Uiteraard kom je met nieuwe en innovatieve oplossingen; Uitvoeren van diverse testen; Functie-eisen Minimaal HBO werk en denkniveau; In ieder geval 3 jaar werkervaring als ontwikkelaar binnen complexe grote omgevingen; Ervaring met logistieke processen is een sterke pre; Je bent analytisch en beschikt over een

Bekijk vacature »

Java developer medior/senior

Op zoek naar leuke collega's waarmee je kunt lachen, gave projecten en een ambitieuze werkgever die heel goed voor je zorgt? Aangenaam: Profit4Cloud! Wij zijn nu met 55 collega's en werken sinds 2015 vanuit 5 vestigingen aan mooie projecten met een fijne groep collega's die allemaal maar één ding willen: mooie en slimme software-oplossingen ontwikkelen met de nieuwste technieken. We zijn goed bezig en zijn daarom op zoek naar versterking: Java Software Engineers met een pioniersmentaliteit en ervaring in back-end en front-end software ontwikkeling. Ben jij de Java Software Engineer die enthousiast wordt van mooie projecten waar binnen jij een

Bekijk vacature »

Sympathieke werkgever zoekt PHP ontwikkelaar!

Functieomschrijving Je komt te werken in een team met 1 andere ervaren ontwikkelaar. Hij wil een groot deel van de werkzaamheden langzaam over gaan dragen aan jou als nieuwe PHP developer in de organisatie. Uiteraard kun je wel met hem blijven sparren en overleggen. Hij zich zal zich dan samen met de andere collega's die dit al doen meer op het (systeem)beheer gaan richten voor de bestaande klanten. Voor heel veel bedrijven in de regio doen ze hier de kantoorautomatisering en de beveiliging daarvan. Daarbij komt veel maatwerk kijken en gebruiken de klanten ook de in eigen beheer ontwikkelde PHP

Bekijk vacature »

Java Developer / Overheid / Complexiteit

Bedrijfsomschrijving Binnen de organisatie zijn meer dan 10.000 medewerkers dagelijks werkzaam op meer dan 30 verschillende locaties. In deze dynamische omgeving is geen dag hetzelfde. Dit komt door de snelheid waarmee veranderingen plaatsvinden. Dagelijks hebben jouw werkzaamheden direct invloed op het transport van mensen, goederen en personeel. Als Java Developer kom je terecht in een hecht team van op de locatie in Assen. Hier zal jij verantwoordelijk worden voor alles wat met Java en de daarbij behorende bedrijfskritische applicaties te maken heeft. De applicatie regelt en registreert alle dagelijkse bezigheden van deze organisatie. Op locatie heb jij dus direct inzicht

Bekijk vacature »

Back-End Developer

Heb jij ervaring als Developer, ben je goed bekend met PHP en werk je graag aan projecten voor toonaangevende klanten? En zoek jij een uitdagende en verantwoordelijke positie met ontwikkelmogelijkheden binnen een informeel bedrijf? Lees dan verder! Doel van de functie Het vertalen van klantwensen naar Magenta functionaliteit en het up-en-running houden van webshops. Werkzaamheden Je maakt onderdeel uit van het development team en gaat je bezighouden met het implementeren van Magento voor internationale klanten. Je bouw thema’s, customizations en maakt koppelingen aan ERP- en kassasystemen. Je werkzaamheden bestaan verder uit: Het verwerken en vertalen van functionele wensen van klanten

Bekijk vacature »

Fullstack developer / React / Java / CQRS / Zorg

Bedrijfsomschrijving Als Fullstack Developer (waarbij je aan de slag gaat met o.a. React en Java) kom je te werken bij een organisatie die de rechtmatigheid van financiële gegevens in de zorg controleert. Hierin opereren ze geheel onafhankelijk en zijn ze ondertussen marktleider op dit gebied geworden. Ondanks dat het om een relatief klein bedrijf gaat werken ze voor gerenommeerde opdrachtgevers en zijn ze een belangrijke schakel in de zorgsector geworden. Wat ze uniek maakt zijn de hoge eisen aan de kwaliteit van de code die ze zichzelf stellen waarbij security, wegens grote hoeveelheden (privacy gevoelige) data, zeer hoog in het

Bekijk vacature »

Ruby on rails developer gezocht (junior, medior en

Functieomschrijving Als Ruby on Rails ontwikkelaar zal jij hier met je collega’s werken aan het uitbouwen van het bestaande platform en het creëren van nieuwe functionaliteiten. Je werk is er op gericht om de klanten gebruik te laten maken van snelle, stabiele en gebruiksvriendelijke software. Er is hier ontzettend veel ruimte voor eigen inbreng en ondernemerschap. Het word zeer gewaardeerd als jij proactief aan de slag gaat met het eindproduct en meedenkt met het bedrijf. Heb jij bijvoorbeeld een idee over het gebruiken van andere / meer 'exotische' talen? Geef het aan, dan wordt er direct gekeken of het idee

Bekijk vacature »

Software Engineer C++ / Software Developer C++

Software Engineer C++ / Software Developer C++ (Bsc, MSc, Computer Science, Information Technology, Mathematics, C, C++, Linux, Algorithms) General Do you find great joy in software development, which is then used worldwide, and are you familiar with C++ and with algorithms… read on! Organization For our business client, a fast dynamic technical company which gathers and processes huge amounts of data, we are looking for several Software Engineers. You will be part of a team consisting of about 25 software developers working on a suit of advanced software tools. These software tools are then used further on in the company

Bekijk vacature »

Senior Java Developer vacature

Currently we are specific looking for professionals who speak fluently Dutch on C1 level. Senior Java Developer Jij volgt ontwikkelingen op de voet. Sterker nog: jij bent er onderdeel van. Jij loopt voorop. Jij denkt met klanten mee en helpt hen innoveren. Je verdiept je liever als een Expert, dan dat je jezelf alleen verbreed. Bijvoorbeeld met de ontwikkeling van de Rabobank-app of een verbetering van de beveiliging van treinen voor Pro-rail! Java staat centraal Wij bouwen State of the Art applicaties met de nieuwste technologie en frameworks. Dit doen we door ons te richten op de open source-oplossingen binnen

Bekijk vacature »

Oracle Developer PL/SQL APEX

Bedrijfsomschrijving Als je altijd al in een Europees georiënteerde organisatie hebt willen werken, ben je hier aan het juiste adres! De organisatie biedt IT- en communicatieoplossingen aan kleine, middelgrote en grote ondernemingen in zowel de private als de publieke sector. De innovatieve oplossingen, ontworpen voor open connectiviteit, hoge beschikbaarheid en flexibele groei, bevatten de nieuwste spraak-, data- en videotechnologieën en maken real-time, samenwerking, verhoogde productiviteit en klanttevredenheid mogelijk. Samen met een team van 6 personen zullen jullie onder andere verantwoordelijk worden voor het ontwikkelen en verbeteren van business applicaties. Deze applicaties worden op dit moment voor 5 verschillende regio’s ontwikkeld

Bekijk vacature »
Bryan De Baar

Bryan De Baar

11/01/2016 14:59:59
Quote Anchor link
Beste,

Graag wil ik de context van de canvas vervagen, is dit mogelijk zonder afbeelding?

Dit is wat ik heb:

Code (php)
PHP script in nieuw venster Selecteer het PHP script
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
<div class="cobject">
<canvas id="blur" width="200" height="200" style="position: absolute; top: 0px; left: 0px;"></canvas>
</div>

  <script>
  var canvas = document.getElementById('blur');
  var context = canvas.getContext('2d');

  context.beginPath();
  context.rect(0,0 , 200, 200);
  context.fillStyle =  "rgba(255, 255, 255, 1)";
  context.fill();


  context.font = '40pt arial';
  context.fillStyle = "rgba(0, 0, 0, 1)"
  context.fillText('Test', 10, 50)
  </script>


Hier is een JSfiddle

Gr. Bryan
 
PHP hulp

PHP hulp

24/10/2020 08:48:41
 
Randy vsf

Randy vsf

11/01/2016 16:54:53
Quote Anchor link
Volgens mij is er een CSS property die je over het hele canvas element kan laten gelden. Je fiddle met blur
Was er wel benieuwd naar, en heb het even getest. Maar het gaat dus met CSS.

Andere optie is om een 2e canvas eroverheen te plaatsen.

quick fix zou zijn om een library ervoor te gebruiken.
Gewijzigd op 11/01/2016 19:01:42 door Randy vsf
 
Bryan De Baar

Bryan De Baar

20/01/2016 20:48:21
Quote Anchor link
Ben bezig geweest met canvas maar wil nog niet werken.
Code (php)
PHP script in nieuw venster Selecteer het PHP script
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
[<html>
<head>
<link rel="stylesheet" href="css/stylesheet.css"></link>
</head>
<body>
    <canvas id="myCanvas" width="400" height="400"></canvas>
    <script>
  var blurset = 100;
  var canvas = document.getElementById('myCanvas');
  var ctx = canvas.getContext('2d');
  var image = 'images/unknown.png';

    var w = canvas.width;
    var h = canvas.height;
    ctx.drawImage(image, 0, 0, w, h);
    stackBlurCanvasRGBA('myCanvas', 0, 0, w, h, blurset);
    Blur();
  
  </script>

</body>
</html>


De afbeelding haal ik lokaal van de computer, ik zie even niet wat er nu precies mis gaat.
Gewijzigd op 20/01/2016 21:22:42 door Bryan De Baar
 
Randy vsf

Randy vsf

21/01/2016 09:17:26
Quote Anchor link
Wat gaat er mis dan, en waar komt blur() vandaan?

Dit kan je ook gebruiken om een blur effect te maken, zoals in mijn fiddle.
Code (php)
PHP script in nieuw venster Selecteer het PHP script
1
canvas.style.webkitFilter = "blur(3px)";
 



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.