【第21期】观点:人工智能到底用 GPU?还是用 FPGA?

第49篇白板修复之铅笔选择三种粗细(三)

原创 2017年01月03日 11:57:26

关键词:铅笔选择三种粗细

一、铅笔选择三种粗细(三)

1 现在经过调试,三种粗细都能出来,代码如下:

2. cache.isPencil从哪里来的?

下午要从前面打日志,看看它是怎么来的?

二、新发现

1. 以下是默认设置:默认颜色,字体大小等

三、新思路

  我现在找不到为什么会出现一个ispencil,即使我把ispencil删了,仍然出现,所以接下来我想到一个办法,就是:我把所有画直线的line,都改成line_qhz,我看行不行,如果行的话,可能就为画笔找到了出路。

四、重新做笔的粗细

发现如果单控制笔的粗细的话,要改的东西太多,现在的思路是怎么简单怎么来,接下来,这样做:

 把之前,给线条加宽度的代码拿过来,调调用一下,相关代码如下:

Widget.html中相关代码如下:

<canvas id="line-width" width="40"height="40"></canvas>

    <!-- line-width -->

    <sectionid="line-width-container" class="context-popup">

        <labelfor="line-width-text">Line Width:</label>

        <inputid="line-width-text" class="line-width-text"type="text" value="2">

       

        <div id="line-width-done"class="btn-007">Done</div>

    </section>

Widget.js中如下:

        functiondecorateLineWidth() {

            var context =getContext('line-width');

 

           tempStrokeTheLine(context, 2, 5, 15, 35, 15);

           tempStrokeTheLine(context, 3, 5, 20, 35, 20);

           tempStrokeTheLine(context, 4, 5, 26, 35, 26);

 

            context.fillStyle= 'Gray';

            context.font ='9px Verdana';

           context.fillText('Line', 8, 12);

           context.fillText('Width', 6, 38);

 

            var lineWidthContainer =find('line-width-container'),

                lineWidthText= find('line-width-text'),

               btnLineWidthDone = find('line-width-done'),

                h1 =document.getElementsByTagName('h1')[0],

                canvas = context.canvas;

 

            addEvent(canvas,'click', function() {

               hideContainers();

 

               lineWidthContainer.style.display = 'block';

               lineWidthContainer.style.top = (canvas.offsetTop + 1) + 'px';

               lineWidthContainer.style.left = (canvas.offsetLeft + canvas.clientWidth)+ 'px';

 

               lineWidthText.focus();

            });

 

           addEvent(btnLineWidthDone, 'click', function() {

               lineWidthContainer.style.display = 'none';

                lineWidth =lineWidthText.value;

            });

        }

Widget.min.js中如下:

 

                  functiondecorateLineWidth() {

                          varcontext = getContext("line-width");

                          tempStrokeTheLine(context,2, 5, 15, 35, 15), tempStrokeTheLine(context, 3, 5, 20, 35, 20),tempStrokeTheLine(context, 4, 5, 26, 35, 26), context.fillStyle ="Gray", context.font = "9px Verdana",context.fillText("Line", 8, 12), context.fillText("Width",6, 38);

                          varlineWidthContainer = find("line-width-container"),

                                   lineWidthText= find("line-width-text"),

                                   btnLineWidthDone= find("line-width-done"),

                                   canvas= (document.getElementsByTagName("h1")[0], context.canvas);

                          addEvent(canvas,"click", function() {

                                   hideContainers(),lineWidthContainer.style.display = "block",lineWidthContainer.style.top = canvas.offsetTop + 1 + "px",lineWidthContainer.style.left = canvas.offsetLeft + canvas.clientWidth +"px", lineWidthText.focus()

                          }),addEvent(btnLineWidthDone, "click", function() {

                                   lineWidthContainer.style.display= "none", lineWidth = lineWidthText.value

                          })

                  }

 

注:在decorateLineWidth()中加一行,就可以了用了,如下:

 

 

 

2017年1月1日星期日

版权声明:本文为博主原创文章,未经博主允许不得转载。 举报

相关文章推荐

scrum经典管理工具:白板和即时贴

scrum最传统,也是最直观的管理工具就是白板和即时贴。一个团队通过一个白板和即时贴来完成对scrum中story和task的跟踪管理。见下图: 图一:任务看板: 分为三列,todo表示为...
  • ynwso
  • ynwso
  • 2013-03-14 09:19
  • 2891

第44篇白板bug修复(一)

关键词:画矩形的线不是实线,选择颜色后框不消失 一、白板bug修复 1. 画矩形的线不是实线----------widget.min.js  先看画圆形修改粗细的代码,如下:             ...

Office2013图标出现白板的解决办法

安装完Office2013之后把之前电脑里面的WPS给卸载掉了,但是随之问题也出现了,就是属于办公的文件(word、excel和ppt)等文件的图标不能正常显示,而是一个白板,但是能正常打开文件,虽然...

2-4* 选择器(取走全部铅笔)

有一个非常“牛”的选择器,“*”号选择器,它的功能是获取页面中的全部元素,“全部”啊!包括、、这些元素,相当于可以取走你文具盒中的所有铅笔,格式为: $(“*”) 选择器中的参数就一个“*...

第50篇铅笔选择三种粗细(四)之样式及用按钮实现

关键词:铅笔选择三种粗细之样式, 铅笔选择三种粗细用按钮实现 一、铅笔选择三种粗细(四)之样式 1 现在样式如下: 需要做的几点如下: a.使其只针对铅笔 b.改成图片 c.只...

敏捷开发案例:用白板解决项目管理和团队沟通

原文地址:http://www.infoq.com/articles/agile-kanban-boards 我把原文去粗取精了一下,保留了一些核心思想,去掉了小日本的广告. 1 任务板 任务是分解到手头的实际的工作 把要做的任务,正在做的任务和已经完成的任务,用简单的贴士贴在白板上.不同的颜色表示不同的重要程度. 可以画一些横的泳道来表明任务应该是谁来完成. <img alt="" src="http://www.infoq.com/resource/articles/agile-kanba
收藏助手
不良信息举报
您举报文章:深度学习:神经网络中的前向传播和反向传播算法推导
举报原因:
原因补充:

(最多只允许输入30个字)