首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >Sketch.js :更改默认画笔大小

Sketch.js :更改默认画笔大小
EN

Stack Overflow用户
提问于 2016-11-03 12:33:24
回答 2查看 496关注 0票数 1

我正在使用sketch.js库在画布上画东西。基本上,我需要的是,默认的画笔大小对我来说似乎很大。我想改变默认的刷子大小。请帮个忙。我已经查看了这个链接http://intridea.github.io/sketch.js/,但是这个链接上的描述在单击锚选项卡后有效。默认情况下,我想更改大小。任何帮助都是非常感谢的。

EN

回答 2

Stack Overflow用户

回答已采纳

发布于 2016-11-03 12:43:57

在sketch.js文件中的某个地方,有一段代码可以更改默认大小。

代码语言:javascript
复制
Sketch = (function() {
function Sketch(el, opts) {
  this.el = el;
  this.canvas = $(el);
  this.context = el.getContext('2d');
  this.options = $.extend({
    toolLinks: true,
    defaultTool: 'marker',
    defaultColor: '#000000',
    defaultSize: 5 //<<< here you can change the default size
  }, opts);
票数 0
EN

Stack Overflow用户

发布于 2016-11-17 04:31:47

如果要在用户手中更改画笔大小,则可以使用以下代码:

代码语言:javascript
复制
Sizes :
    <a href="#canvas" data-size="1"><img src="img/pencil_icon.png" alt="Pencil"/></a>
    <a href="#canvas" data-size="3"><img src="img/pen_icon.png" alt="Pen"/></a>
    <a href="#canvas" data-size="5"><img src="img/stick_icon.png" alt="Stick"/></a>
    <a href="#canvas" data-size="9"><img src="img/smallbrush_icon.png" alt="Small brush"/></a>
    <a href="#canvas" data-size="15"><img src="img/mediumbrush_icon.png" alt="Medium brush"/></a>
    <a href="#canvas" data-size="30"><img src="img/bigbrush_icon.png" alt="Big brush"/></a>
    <a href="#canvas" data-size="60"><img src="img/bucket_icon.png" alt="Huge bucket"/></a>

其中画布是画布的id。

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/40401626

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档