首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >字面上的画布-我在我的页面上找不到任何工具?

字面上的画布-我在我的页面上找不到任何工具?
EN

Stack Overflow用户
提问于 2016-01-01 09:05:12
回答 1查看 1.1K关注 0票数 2

我的代码:

代码语言:javascript
运行
复制
<!DOCTYPE html>
<html lang="en">
<head>
    <title>Literally Canvas</title>
    <link href="css/literallycanvas.css" rel="stylesheet">
    <script src="jquery-2.1.4.min.js"></script>
    <script src="react-with-addons.min.js"></script>
    <script src="underscore-min.js"></script>
    <script src="js/literallycanvas-core.min.js"></script>
    <script src="js/literallycanvas.js"></script>

</head>
<body>
    <div class="literally"></div>
    <form class="controls export">
        <input type="submit" data-action="export-as-png" value="Export as PNG">
    </form>
    <script>
        $(document).ready(function(){  
              //initial without jQuery
              var lc = LC.init(
                      document.getElementsByClassName('literally')[0],{
                          imageURLPrefix:'img',
                          primaryColor:'#fff',
                          backgroundColor:'#ddd',
                          toolbarPosition:'top',
                          tools:
                                  [
                                      LC.tools.Pencil,
                                      LC.tools.Eraser,
                                      LC.tools.Line,
                                      LC.tools.Rectangle,
                                      LC.tools.Text,
                                      LC.tools.Polygon
                                  ]
                      });
            //export as png
              $('.controls.export [data-action=export-as-png]').click(function(e) {
                  e.preventDefault();
                  window.open(lc.getImage().toDataURL());
              });             
          });
    </script>
</body>
</html>

我下载了literallycanvas-0.4.11,并将css/img/下的文件添加到我的项目中,并从js/添加了适当的文件。我可以看到初始值是工作的,因为我可以看到primaryColor被更改了,但是我找不到我的工具。我跟踪了字面画布,但是它还是出了问题。谁能帮我??

EN

回答 1

Stack Overflow用户

发布于 2017-09-20 07:40:54

我改变了imageURLPrefix选项,它对我有效。只需将路径写入您的img文件夹即可。

代码语言:javascript
运行
复制
var lc = LC.init(
    document.getElementsByClassName('my-drawing')[0],
    {
       imageURLPrefix: 'path/to/your/img',
       .....     
       ..... 
    });
票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/34554868

复制
相关文章

相似问题

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