Context foggy effect canvas

Overzicht Reageren

Sponsored by: Vacatures door Monsterboard

Microsoft Consultant

Complexe klantvragen, maatwerkoplossingen, Microsoft 365, ontwikkelen, groeien, vernieuwen… zijn dit woorden waar jouw hart sneller van gaat kloppen? Houd je verder van lachen, hard werken en goeie koffie? Dan willen wij graag met jou kennismaken! Omdat steeds meer klanten ons weten te vinden groeit de W.T. Group door en hebben we een vacature voor een fulltime Microsoft 365 Productivity Consultant Als Microsoft 365 Productivity Consultant (voorheen Office 365) zorg je voor maatwerkoplossingen op het moment dat er geen standaardoplossing is voor de automatiseringsbehoefte van een klant. Waar menig ICT-bedrijf vastloopt gaan wij als team altijd verder, we werken samen, dagen

Bekijk vacature »

Medior .NET/Angular/Azure Developer - € 4.000

Bedrijfsomschrijving In verband met doorlopende groei is er momenteel ruimte voor een Medior Fullstack .NET/Angular Developer bij mijn klant. Deze organisatie richt zich op het bouwen van software voor bijvoorbeeld restaurants en hotels. Hierbij kun je denken aan automatiseringsoplossingen, voorraadbeheer, elektronische menukaarten, reserveringssystemen en alle applicaties die nodig zijn voor het beheer van de backoffice, bijvoorbeeld personeelsbeheer. Dit doen zij vanaf een prachtig kantoor in de omgeving van Boxtel, dat zowel met het OV als met de auto uitstekend te bereiken is. Klanten zijn bijvoorbeeld sterrenrestaurants en grote hotelketens. In totaal werken hier momenteel ruim 40 personen, waarvan ongeveer de

Bekijk vacature »

Senior .NET Developer Datawarehouse

Senior .NET Developer Datawarehouse Bouw jij graag mee aan de nieuwe generatie van het datawarehouse-framework voor de zorg? En kent programmeren in C# geen geheimen voor jou? Dan pas jij perfect in ons team in Amsterdam. We bieden jou de kans om complexe uitdagingen op te lossen en te werken met de nieuwste technieken. Jouw baan Zorgprofessionals nemen belangrijke beslissingen op basis van data uit ons Datawarehouse. Als .NET Developer Datawarehouse ontwikkel jij een nieuwe generatie van het achterliggende framework. Je werkt dagelijks met zeer grote en complexe datasets en krijgt te maken met uitdagende issues, waarbij diepgaand onderzoek nodig

Bekijk vacature »

Ervaren .NET C# ontwikkelaar, inhouse, complex maa

Ben je als ervaren ontwikkelaar op zoek naar een analytische omgeving? Waar hoogopgeleiden en ervaren collega’s jouw kennis naar een hoger niveau kunnen tillen? Waar je met een leuk team samen aan innovatieve producten werkt? Dan zou de deze organisatie wel eens goed bij je kunnen passen. Voor een organisatie in Delft zoeken we momenteel een ervaren .NET C# ontwikkelaar. De organisatie richt zich op innovatieve en complexe maatwerk systemen met een maatschappelijke raakvlak. Hierbij moet je (afhankelijk van je niveau) mee kunnen denken met functionele en architectonische vraagstukken. De projecten kunnen uiteenlopend zijn en het is maar net wat

Bekijk vacature »

Front-end Developer met groeimogelijkheden richtin

Bedrijfsomschrijving Deze internationale speler op het gebied van software zoekt uitbreiding voor het team in Diemen in de vorm van een Front-end Developer. De organisatie is wereldwijd bekend en kent meer dan duizenden medewerkers. Zij bouwen innovatieve cloud oplossingen in de financiële sector die door organisaties in diverse branches gebruikt wordt. Zo hebben ze onder andere klanten in de reisbranche, vliegtuigmaatschappijen en zorggroepen die landelijk bij iedereen bekend zijn. Dat doen ze niet alleen voor grote organisaties maar ook voor de MKB en KMB+ sector. De vestiging waar jij komt te werken is een kleine vestiging waar je prettig kan

Bekijk vacature »

OutSystems developer

Bedrijfsomschrijving Onze opdrachtgever, gevestigd in regio Amsterdam, is een innovatieve dienstverlener die zich richt op grote corporates in verschillende sectoren. Doordat je bij veel verschillende klanten aan de slag zal gaan is geen enkel project hetzelfde. De organisatie kenmerkt zich door hoge mate van professionaliteit en innovatieve oplossingen. In de rol van OutSystems developer zal jij verschillende grote klanten helpen om efficiënte OutSystems oplossingen te ontwikkelen en implementeren. Jij zal hierbij vanuit jouw expertise de klant adviseren over hoe OutSystems als lowcode platform een toegevoegde waarde kan zijn en op welke manier deze gebruikt kan worden. Hierin neem jij uiteraard

Bekijk vacature »

Medior PHP Developer

Als PHP Developer bij Coolblue zorg je ervoor dat onze webshops bizar snel en superstrak zijn. Hoe word ik Medior PHP Developer bij Coolblue? Als Medior PHP Developer werk je met andere development teams samen om onze webshop zo optimaal mogelijk te laten werken en onze klanten blij te maken. Hoewel je een PHP Developer bent, ben je niet vies van een beetje C# of Javascript. ‘’Ook Medior PHP Developer worden bij Coolblue? Else de Boer legt je uit hoe je dat doet.” Dit vind je leuk om te doen PHP code schrijven, maar kan je weg ook vinden in

Bekijk vacature »

PHP Developer Symfony

Bedrijfsomschrijving De organisatie waar je als PHP Developer komt te werken is een belangrijke schakel binnen de woningbranche, waar kwaliteit hoog in het vaandel staat. De platformen die zij ontwikkelen worden dagelijks door duizenden stakeholders in de woningsector gebruikt. Je komt te werken in een informeel IT team met 12 collega's, ieder met een grote passie voor techniek. Hierbij zul jij nauw samenwerken met een drietal andere PHP Developers. Binnen deze rol ben jij als PHP Developer verantwoordelijk voor hun grootste applicatie. Deze applicatie kent dagelijks ruim 5000 gebruikers en heeft daarnaast veel koppelingen met andere systemen en externe partijen.

Bekijk vacature »

Lead Developer

Do you want to work as a Lead Developer? Are you ready for a new challenge with variety and independence in a self-managing team that is responsible for the control apps for the climate in buildings and in greenhouses? The customer has no shortage of ambition and wants to be pioneering within their segment. How do they want to do this? I would like to tell you more about this in a personal conversation. As an experienced Lead Developer you work with your team on web applications for laptop, tablet and smartphone. You write robust, readable and reusable code and

Bekijk vacature »

IT-Traineeship junior software programmeur

Zoek jij een stevige uitdaging en de mogelijkheid om veel nieuwe dingen te leren in een dynamisch vakgebied? Doe mee aan ons IT Professional Program en ontwikkel jezelf tot software engineer! Je begint met een opleidingstraject van ongeveer 4 maanden. Hierin ga je aan de slag met verschillende technieken die je op conceptueel niveau leert te overzien en interpreteren. Onderwerpen die aan bod komen zijn o.a. programmeren (Java/C#/Python), Object Oriëntatie, Databases, Webservices & webtechnologieën, Domain Driven Design en Continuous Integration/Continuous Delivery. Sommige van deze onderdelen sluit je af met een examen en bijbehorende certificering. Het opleidingstraject zelf sluit je af

Bekijk vacature »

IAM developer

Functieomschrijving IAM, voor jou hoeven we dat niet te vertalen toch? Want jij weet exact waar wij het over hebben bij het benoemen van Identity Access Management. Ben je toe aan een informele, mensgerichte omgeving met vrijheid, ondernemerschap, creativiteit en focus op innovatie? Dat zijn wij! En laten wij nou op zoek zijn naar jou, een IAM developer die ons team helpt Randstad naar een veilige toekomst te helpen. Als IAM developer bij ons ben jij samen met de overige teamleden aanspreekpunt binnen de organisatie ten behoeve van functionele en technische vragen omtrent Identity & Access Management. Samen met andere

Bekijk vacature »

Senior C# developer

Samen met het development team zorg je ervoor dat alle systemen achter de schermen vlekkeloos werken. Hoe word ik C# Developer bij Coolblue? Als C# developer doe je regelmatig mee aan brainstormsessies over user experience, data en task flow met de UX Designer, Product Owner en Data Scientist in je team. Daarnaast schrijf je op zichzelf staande, consistente en testbare code die goed onderhoudbaar en toekomstbestendig is. Ook C# developer worden bij Coolblue? Funda legt je uit hoe je dat doet. Dit vind je leuk om te doen Werken met verschillende soorten data-opslag, zoals Oracle of Dynamo/Cosmos. Problemen oplossen met

Bekijk vacature »

C# Developer/ SQL Server/ Visual Studio/Javascript

Bedrijfsomschrijving Onze klant is een internationale organisatie gevestigd in de omgeving van Almere. De laatste jaren heeft onze klant een forse groei doorgemaakt als onderdeel van een grote Corporate werkgever. Flexibiliteit en meedenken zijn belangrijke pijlers in de organisatie. Zo is het pand bijvoorbeeld al om 7 uur open, zodat flexibele werktijden mogelijk zijn. Om klanten en werknemers optimaal van dienst te kunnen zijn is onze klant op zoek naar een .NET Developer (C#). De afdeling waar je komt te werken bestaat uit drie onderdelen: een websites team, een portals team en een team dat over een HR-systeem gaat. Voor

Bekijk vacature »

New business developer

Sprechen Sie flieBend Deutsch und haben Sie erfahrung im sales? Möchten Sie in Vollzeit im Gebiet von Reusel arbeiten? Dann könnte dies die richtige job für Sie sein! What will you be doing? You will start working as a new business developer for the German speaking market. The head office is located in Reusel. From there you will be working 35 hours a week to support the marketing strategy and ensure the growth of the company. You will be doing this by for instance calling potential customer, in order to make an appointment for the account managers. furthermore, you will

Bekijk vacature »

Senior C++ Developer 3D

Bedrijfsomschrijving Je komt te werken bij een high-tech ingenieursbureau in regio Rotterdam. Al ruim 15 jaar werken ze aan de eigen ontwikkeling van innovatieve applicaties op het gebied van mobiliteit en infrastructuur, met onder andere C++ en Qt. Met al hun jaren ervaring bedenken en ontwikkelen ze geografische oplossingen voor grote en bekende organisaties in Nederland. Momenteel maken duizenden gebruikers gebruik van hun applicaties en proberen ze constant vernieuwend te zijn in hun aanbod naar klanten. Samen met je team ben je verantwoordelijk voor de ontwikkeling van een innovatieve applicatie met C++ voor ruimtelijke ordening die onder andere door de

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

04/12/2020 22:00:32
 
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.