canvas-editor

A HTML Canvas WYSIWYG Editor
<!--Copy the code, paste, delete line breaks, replace @@ with line breaks.-->
<canvas id="myCanvas" width="" height="" style="border:1px solid #d3d3d3;"></canvas>
<script>
var c = document.getElementById("myCanvas");
var ctx = c.getContext("2d");
@@//line 1@@ ctx.moveTo(, ); ctx.lineTo(, );
@@//line 2@@ ctx.moveTo(, ); ctx.lineTo(, );
@@//line 3@@ ctx.moveTo(, ); ctx.lineTo(, );
@@//line 4@@ ctx.moveTo(, ); ctx.lineTo(, );
@@//line 5@@ ctx.moveTo(, ); ctx.lineTo(, );
@@//line 6@@ ctx.moveTo(, ); ctx.lineTo(, );
@@//line 7@@ ctx.moveTo(, ); ctx.lineTo(, );
@@//line 8@@ ctx.moveTo(, ); ctx.lineTo(, );
ctx.stroke();
Your browser does not support the HTML canvas tag.
@@//label 1@@ ctx.font = "px Arial"; ctx.fillText("", , );
@@//label 2@@ ctx.font = "px Arial"; ctx.fillText("", , );
@@//label 3@@ ctx.font = "px Arial"; ctx.fillText("", , );
@@//label 4@@ ctx.font = "px Arial"; ctx.fillText("", , );
@@//label 5@@ ctx.font = "px Arial"; ctx.fillText("", , );
@@//label 6@@ ctx.font = "px Arial"; ctx.fillText("", , );
@@//label 7@@ ctx.font = "px Arial"; ctx.fillText("", , );
@@//label 8@@ ctx.font = "px Arial"; ctx.fillText("", , );
</script>

No comments:

Post a Comment