jqImgBlurEffects plugin is supports svg shapes - circle, ellipse, polygon, path , rectangle. Lets start with an example. Find below markup for image
Click here to see DEMO<img src="https://lh3.googleusercontent.com/-zJ3ijSNpElc/VyGE80Uo5PI/AAAAAAAADk4/w2cGycz0gIoGz5HDci02WU70uXqJnhYAgCCo/s912/inNature.JPG" class="myImg" width="750px">Import jquery and jqImgBlurEffects
<script src="jquery-1.11.3.min.js"></script> <script src="jqImgBlurEffects/jqImgBlurEffects.js"></script>
Circle
SVG circle needs center coordinates and radius. So just give those details in below format.var myOptns = { stdDeviation : 7, scircles : [ { cx : 177, cy : 166, r : 150 }, { cx : 477, cy : 166, r : 150 } ] }; $(".myImg").jqImgBlur(myOptns);
Ellipse
SVG ellipse needs center coordinates and x-radius, y-radius. So just give those details in below format.var myOptns = { stdDeviation : 7, sellipses : [ { cx : 390, cy : 225, rx : 300, ry : 150 } ] }; $(".myImg").jqImgBlur(myOptns);
Rectangle
SVG rectangle needs starting coordinates and width, height. So just give those details in below format.var myOptns = { stdDeviation : 4, srectangles : [ { x : 100, y : 125, width : 580, height : 220 } ] }; $(".myImg").jqImgBlur(myOptns);
Path
SVG path needs d attribute values which consists of points and directions . So just give those details in below format.var myOptns = { stdDeviation : 4, spaths : [ { d:"M100 125 L700 125 L700 350 L100 350 Z" } ] }; $(".myImg").jqImgBlur(myOptns);
Polygon
SVG polygon needs points attribute values which consists of points. So just give those details in below format.var myOptns = { stdDeviation : 4, spolygons : [ { points:"170 140 585 140 585 350 170 350" } ] }; $(".myImg").jqImgBlur(myOptns);
nice
ReplyDeleteThank you for these codes, now it will be easy for http://bestessay.education students to create their images no matter what shape the jqImgBlurEffects plugin system will require.
ReplyDeleteThanks for sharing.I found a lot of interesting information here. A really good post, very thankful and hopeful that you will write many more posts like this one.
ReplyDeletekodi.software
plex.software
luckypatcher.pro
sharing.I found a lot of interesting information here. A really good post, very thankful and hopeful that you will write many more where is the routing number on a check
ReplyDeleteThanks for sharing informative content…Find noida software company to know more and Contact us on given no.…
ReplyDeleteซึ่งหมายความว่าคุณจะไม่ต้องกังวลกับค่าใช้จ่ายใด https://huc99casino.org/ ๆ ที่เกี่ยวข้องกับการเดินทางไปยังคาสิโนทางบก คุณจะสามารถเล่นเกมที่ต้องการได้โดยไม่ต้องรอที่นั่งว่าง คุณยังสามารถเล่นในขณะที่เข้าถึงทรัพยากรกลยุทธ์ทั้งหมดได้ ซึ่งจะช่วยเพิ่มโอกาสในการชนะรางวัลใหญ่ได้อย่างมาก
ReplyDeleteแต่ก็ยังเป็นไปได้ที่จะหาสถานที่ในที่สาธารณะในสนามหลังบ้าน https://bk8games.org/ เช่น คันทรีคลับ เพื่อเล่นเกมหลายประเภทที่ไม่ซ้ำใคร เช่น แบล็คแจ็คและแบล็คแจ็ค
ReplyDeleteไซต์นี้มีข้อเสนอมากมาย มีอะไรมากมายให้ผู้เล่นสังเกตเห็น https://ivip9-casino.com/ แต่สิ่งแรกที่จะดึงดูดความสนใจของคุณคือเกมคาสิโนสดที่มีให้เลือกมากมายทั้งบนเดสก์ท็อปและมือถือ
ReplyDeleteยิ่งไปกว่านั้น ผู้คนเริ่มตระหนักว่าโปกเกอร์เป็นเรื่องเกี่ยวกับทักษะมากกว่าโอกาส https://k9wincasino.org/ ซึ่งเพิ่มความน่าดึงดูด เมื่อพิจารณาข้อเท็จจริงบางประการเกี่ยวกับโป๊กเกอร์ออนไลน์ เราเข้าใจดีว่าตอนนี้มีเกมมากกว่าที่เคยเป็นมา ดังนั้นอนาคตของโป๊กเกอร์จึงไม่ใช่แค่สุขภาพดี
ReplyDelete