一旦你完毕了PPAPI插件的开发，实际使用时可能会有下列需求：

  • 动态创建PPAPI插件
  • 删除PPAPI插件
  • 改变PPAPI插件的尺寸

实现起来非常easy，从JS里直接訪问DOM（BOM）就可以。以下是一个演示样例HTML文件：

  1. <!DOCTYPE html>
  2. <html>
  3.   <!--
  4.   Copyright (c) 2016 foruok@微信订阅号“程序视界”(programmer_sight).
  5.   All rights reserved.
  6.   Use of this source code is governed by a BSD-style license that can be
  7.   found in the LICENSE file.
  8.   -->
  9. <head>
  10.     <style type="text/css">
  12.     #pluginContainer
  13.     {
  14.         padding: 0px;
  15.         width: 1220px;
  16.         height: 540px;
  17.         background-color: gray;
  18.     }
  19.     </style>
  20.     <script type="text/javascript">
  21.       function createPlugin() {
  22.         var plugin = document.createElement("embed");
  23.         plugin.setAttribute("id", "explugin");
  24.         plugin.setAttribute("type", "application/x-ppapi-example");
  25.         plugin.setAttribute("width", "1200px");
  26.         plugin.setAttribute("height", "520px");
  28.         var container = document.getElementById("pluginContainer");
  29.         container.appendChild(plugin);
  30.       }
  31.       function deletePlugin(){
  32.         var container = document.getElementById("pluginContainer");
  33.         var plugins = container.getElementsByTagName("embed");
  34.         if(plugins.length >= 1){
  35.           container.removeChild(plugins[0]);
  36.         }
  37.       }
  38.       function changeSize() {
  39.         var plugin = document.getElementById("examplePlugin");
  40.         plugin.setAttribute("width", "600px");
  41.         plugin.setAttribute("height", "300px");
  42.       }
  43.       function restoreSize() {
  44.         var plugin = document.getElementById("examplePlugin");
  45.         plugin.setAttribute("width", "1200px");
  46.         plugin.setAttribute("height", "520px");
  47.       }
  48.     </script>
  49.   <meta charset="UTF-8">
  50.   <title>Plugin Test</title>
  51. </head>
  53. <body>
  54. <input  type="button" value="CreatePPAPI" onclick="createPlugin()"/>
  55. <input  type="button" value="ChangeSize" onclick="changeSize()"/>
  56. <input  type="button" value="RestoreSize" onclick="restoreSize()"/>
  57. <input  type="button" value="DeletePPAPI" onclick="deletePlugin()"/>
  59. <div id="pluginContainer">
  60.   <!--
  61.   <embed id="examplePlugin" type="application/x-ppapi-example" width="1200px" height="520px" />
  62.   -->
  63. </div>
  64. </body>
  65. </html>

上面的HTML演示了创建、删除、改变大小几种常见的操作。

须要注意的是，当你删除一个PPAPI插件时，会调用到PPP_Instance的DidDestroy方法，你须要在这里的C++/C代码里删除插件实例，释放对应的资源。比方Graphics 2D。Image Data等。DidDestroy调用后，过一会儿。假设没有其它的插件实例存在。就会接着调用PPP_ShutdownModule。假设有，则不会。

个中逻辑，能够參考理解PPAPI的设计。

当你设置embed元素的width和height属性后，PPAPI插件里。PPP_Instance的DidChangeView方法会被调用，你须要在这里依据新尺寸又一次创建相关资源。

就这样吧。

其它參考文章详见我的专栏：【CEF与PPAPI开发】。

PPAPI插件的动态创建、改动、删除的更多相关文章

  1. js动态创建表格,删除行列的小例子

    js动态创建表格,删除行列的实例代码. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" &quo ...

  2. WPF 中动态创建和删除控件

    原文:WPF 中动态创建和删除控件 动态创建控件 1.容器控件.RegisterName("Name",要注册的控件)   //注册控件 2.容器控件.FindName(" ...

  3. js动态创建和删除option

    1.动态创建select function createSelect(){           var mySelect = document.createElement("select&q ...

  4. WPF 中动态创建、删除控件，注册控件名字，根据名字查找控件

    动态创建控件 1.容器控件.RegisterName("Name",要注册的控件)   //注册控件 2.容器控件.FindName("Name") as  控 ...

  5. 动态加入改动删除html表格内容

    1.需求 须要实现收银台上加入改动删除商品信息时顾显能够实时看到其变化 2.解决 收银台和顾显通过tcp传输进行数据通信,顾显通过操作html中的表格进行数据加入改动和删除操作 3.代码 mytest ...

  6. spring与quartz整合实现分布式动态创建，删除，改变执行时间定时任务(mysql数据库)

    背景:因为在项目中用到了定时任务,当时想到了spring的quartz,写完发现费了很大功夫,光是整合就花了一上午,其中最大的问题就是版本问题,项目中用的是spring3.2.8的版本,查阅发现,3. ...

  7. 通过JS动态创建和删除HTML元素

    <script type="text/javascript" language="Javascript"> function InputOnBlur ...

  8. Unity3D 中的面向对象设计 {游戏对象(创建、删除、获取)，以及添加修改组件}

    一.创建游戏对象 游戏对象分三种:(1) 将物体模型等资源由Project工程面板拖拽到Hierarchy层次面板中 (2) 由GameObject菜单创建Unity自带的游戏对象,如Cube.Cam ...

  9. [转]C# FileSystemWatcher监控指定文件或目录的文件的创建、删除、改动、重命名等活动

    觉得这个很常用..比如一些软件.   http://www.rabbit8.cn/DoNet/407.html   FileSystemWatcher控件主要功能: 监控指定文件或目录的文件的创建.删 ...

随机推荐

  1. maya 2014帮助手册中 三维概念讲解

    maya 2014 帮助手册中   三维概念讲解 多边形简介 三个或更多的边,   顶点    边    面  组成 经常使用三边形或四边形来建模   n边形不常用 单个多边形称为面   多个面连接到 ...

  2. TOJ4505: KOSARE

    TOJ4505: KOSARE  Time Limit(Common/Java):10000MS/30000MS     Memory Limit:65536KByteTotal Submit: 11 ...

  3. 九度oj 题目1552：座位问题

    题目描述: 计算机学院的男生和女生共n个人要坐成一排玩游戏,因为计算机的女生都非常害羞,男生又很主动,所以活动的组织者要求在任何时候,一个女生的左边或者右边至少有一个女生,即每个女生均不会只与男生相邻 ...

  4. 慢查询阻塞了xtrabackup进而阻塞以后的sql导致的系统瘫痪问题

    收到开发反应一库的sql频繁超时,系统几乎瘫痪,无法执行任何操作,我登上库先查看到当前的线程,发现有大量的线程状态是 Waiting for table flush 查看当前的事务 从昨天开始执行,到 ...

  5. hibernate缓存机制【转】

    一.why(为什么要用Hibernate缓存?) Hibernate是一个持久层框架,经常访问物理数据库. 为了降低应用程序对物理数据源访问的频次,从而提高应用程序的运行性能. 缓存内的数据是对物理数 ...

  6. ACM程序设计选修课——Problem E:(ds:图)公路村村通（优先队列或sort+克鲁斯卡尔+并查集优化）

    畅通工程 Time Limit: 1000/1000 MS (Java/Others)    Memory Limit: 32768/32768 K (Java/Others) Total Submi ...

  7. java面试题之Executor和Executors的区别

    Executor 接口对象能执行我们的线程任务: Executors 工具类的不同方法按照我们的需求创建了不同的线程池,来满足业务的需求. ExecutorService 接口继承了Executor接 ...

  8. python -- DNS处理模块dnspython

    简介 dnspython – 是python实现的一个DNS工具包,利用其查询功能来实现dns的服务监控及解析结果的校验 安装dnspython pip install dnspython 使用 常见 ...

  9. ACE的饼图显示保留两位小数

    修改源js文件:jquery.flot.pie.min.js <script src="/static/assets/js/jquery.flot.pie.min.js"&g ...

  10. 推荐个PMP的内容，广州有需要的朋友可以参考看看

    慧翔天地PMP®培训机构简介 广州慧翔企业管理咨询有限公司注册于2012年8月14日,注册资金200万元人民币.实际上从2011年就已经开始从事PMP推广及教学工作(2010年曾代理智鼎东方华南市场, ...