PDA

View Full Version : حرفه ای: JavaScript Paint


hakan648
پنج شنبه 27 بهمن 1390, 05:12 صبح
سلام

بنده به دلیل علاقه ی شدیدی که به برنامه نویسی JavaScript دارم هر چند مدت یکبار یک برنامه می نویسم و اینجا معرفی میکنم که دوستان استفاده کنند .

این برنامه به شما امکان اینو میده که بوسیله دو رنگ سیاه و سفید در یک کادر کوچیک نقاشی کنید و سپس این نقاشی رو ذخیره کنید و در لیست تصاویر موجود مشاهده کنید .

البته فقط قسمت اول مربوط به JS میشه و بقیه قسمت ها ( تبدیل پیکسل ها به تصویر فیزیکی - لیست تصاویر - کانتر - Rating ) بوسیله C#‎‎‎ انجام میشه .

VB & C#
هر دو ورژن از این لینک قابل دریافت هستند . (http://jspaint.codeplex.com/releases)


فقط لطفا کمی در کشیدن تصاویر خلاقیت داشته باشید :لبخند:

Demo (http://jspaint.developerteam.tk/)

امیدوارم لذت ببرید :لبخندساده:

اساتید هم که حتما نظرات ارزشمندشون رو به بنده حقیر اعلام میکنند ...

موفق باشید ...
ravand
پنج شنبه 27 بهمن 1390, 19:45 عصر
با خود جاوا اسكريپت هم ميشه نقاشي كشيد:

<!DOCTYPE html>
<html>
<head>
<title>Canvas Test</title>
<script type="text/javascript">
var x = 0;
var y = 0;
function init() {
var canvas = document.getElementById('canvas');
canvas.addEventListener("mousedown", drawLine, false);
}
function toCanvasX(c, e) {
var posx = 0;
if (e.pageX) {
posx = e.pageX;
} else if (e.clientX) {
posx = e.clientX + document.body.scrollLeft
+ document.documentElement.scrollLeft;
}
posx = posx - c.offsetLeft;
return posx;
}
function toCanvasY(c, e) {
var posy = 0;
if (e.pageY) {
posy = e.pageY;
} else if (e.clientY) {
posy = e.clientY + document.body.scrollTop
+ document.documentElement.scrollTop;
}
posy = posy - c.offsetTop;

return posy;
}
function drawLine(e) {
var posx = toCanvasX(this, e);
var posy = toCanvasY(this, e);
var ctx= this.getContext('2d');
ctx.beginPath();
ctx.moveTo(x, y);
ctx.lineTo(posx, posy);
ctx.stroke();

x = posx;
y = posy;
}
</script>
</head>
<body onload="init();">
<canvas id="canvas" width="500" height="500" style="border: 1px dotted;">
This text is displayed if your browser does not support HTML5 Canvas.
</canvas>
</body>
</html>
توي مرورگري كه از html5 پشتيباني ميكنه تست كنيد.
hakan648
جمعه 28 بهمن 1390, 11:47 صبح
بله دوست عزیز - این یک مورد خیلی قوی از این کار (http://zwibbler.com/)
اما کاری که بنده انجام دادم ربطی به اون شیوه نداره - در اصل بنده نقاشی رو شبیه سازی کردم و ...

ممنون از نظرات سازندتون !!!

سورس رو از اینجا دریافت کنید . (http://jspaint.codeplex.com/)
VB.SOS
جمعه 28 بهمن 1390, 14:41 عصر
سلام
ارتباط با دیتابیس ارور داد! چطور میشه رفعش کرد؟ من فقط VB.net بلدم
hakan648
پنج شنبه 11 اسفند 1390, 17:22 عصر
سلام

مشکلی که وجود داشت برطرف شد .
ورژن VB رو هم آماده شد.

هر دو ورژن از این لینک قابل دریافت هستند . (http://jspaint.codeplex.com/releases)

موفق باشید ...